Progress

Компонент для визуализации прогресса выполнения задачи. Поддерживает различные стили оформления и настройку высоты.

Загружается...

Предустановленные цвета

Загружается...

Используйте свойство appearance для задания произвольного цвета полоски прогресса. Поддерживаются:

Загружается...

Загружается...

Для отключения фона можно использовать свойство trackDisable:

Загружается...

Доступность реализована на основе рекомендаций из Meter WAI-ARIA design pattern ↗.

Свойство	Описание
`appearance`	"accent" \| "positive" \| "negative" \| `var(--${string})` \| `#${string}` Стиль отображения прогрессбара. По умолчанию: `accent`
`getRootRef`	`Ref<HTMLDivElement>` По умолчанию: `-`
`height`	`number` Высота элемента. По умолчанию: `-`
`trackDisable`	`boolean` Сделать прогрессбар прозрачным. По умолчанию: `false`
`value`	`number` Значение прогресса. По умолчанию: `0`