progressbar
Используется для создания индикации степени выполнения какого-либо процесса.
Обзор блока
Модификаторы блока
Модификатор |
Допустимые значения |
Способы использования |
Описание |
theme |
'islands' |
BEMJSON |
Стилевое оформление. |
Специализированные поля блока
Поле |
Тип |
Описание |
val |
Number |
Степень выполнения процесса в процентах. |
Описание блока
Блок progressbar
– индикатор процесса. Принципиально отличается от блока spin тем, что показывает степень выполнения (прогресс) какого-то процесса.
По умолчанию блок занимает всю ширину родителя.
Модификаторы блока
Модификатор theme
Допустимое значение: 'islands'
.
Способ использования: BEMJSON
.
Отвечает за стилевое оформление блока.
Open in a new window<div class="progressbar progressbar_theme_islands i-bem" data-bem='{"progressbar":{"val":25}}' role="progressbar" aria-valuenow="25%">
<div class="progressbar__bar" style="width:25%"></div>
</div>
HTML{
block: 'progressbar',
mods: {
theme: 'islands'
},
val: 25
}
BEMJSON[
{
block: 'progressbar',
mods: {
theme: 'islands'
}
}
]
deps
Специализированные поля блока
Поле val
Тип: Number
.
Определяет степень выполнения процесса в процентах относительно родителя. При отсутствии этого поля степень выполнения равна нулю.
Open in a new window<div class="progressbar progressbar_theme_islands i-bem" data-bem='{"progressbar":{"val":25}}' role="progressbar" aria-valuenow="25%">
<div class="progressbar__bar" style="width:25%"></div>
</div>
HTML{
block: 'progressbar',
mods: {
theme: 'islands'
},
val: 25
}
BEMJSON[
{
block: 'progressbar',
mods: {
theme: 'islands'
}
}
]
deps