Пропсы корня
| Проп | Тип | По умолчанию |
|---|---|---|
size | ProgressSize | 'md' |
| Визуальный размер полосы прогресса. | ||
variant | ProgressVariant | 'primary' |
| Визуальный стиль полосы прогресса. Обычно соответствует цветовым вариантам темы. | ||
max | number | 100 |
| Максимальное значение диапазона прогресса. По умолчанию 100. | ||
min | number | 0 |
| Минимальное значение диапазона прогресса. По умолчанию 0. | ||
value | number | — |
| Текущее значение, отражающее степень выполнения. | ||
valueText | string | — |
| Визуально скрытая доступная метка для скринридеров, описывающая текущее значение (например, "60% complete"). | ||
indeterminate | boolean | — |
| — | ||
fullWidth | boolean | — |
| Растягивается ли полоса прогресса на всю ширину контейнера. | ||
Также принимает все атрибуты <div>.
Дочерние части
ProgressTrack: видимая полоса заполнения.
ProgressTrack
Также принимает все атрибуты <div>.
Типы
ProgressPropsProgressTrackPropsProgressSizeProgressVariant
Модель состояния
- Определённое состояние использует
value,minиmax. - Неопределённое состояние игнорирует точную геометрию прогресса и вместо неё использует анимацию.