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>
{
block: 'progressbar',
mods: {
theme: 'islands'
},
val: 25
}
[
{
block: 'progressbar',
mods: {
theme: 'islands'
}
}
]
Специализированные поля блока
Поле 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>
{
block: 'progressbar',
mods: {
theme: 'islands'
},
val: 25
}
[
{
block: 'progressbar',
mods: {
theme: 'islands'
}
}
]