Progress

Статичный и динамический

Цвета

Размеры

Неопределённый

Входные параметры

Имя	Тип	По умолчанию	Описание
`value`	`number`	`0`	Текущее значение (0..max).
`max`	`number`	`100`	Максимальное значение.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Размер индикатора.
`color`	`'primary' \| 'secondary' \| 'success' \| 'warning' \| 'danger' \| 'info'`	`'primary'`	Цвет индикатора.
`indeterminate`	`boolean`	`false`	Неопределённое состояние (анимация без значения).

Описание

Компонент C3Progress — индикатор выполнения, отображающий степень заполнения от value к max. Используется для демонстрации прогресса длительных операций.

Передайте текущее value для отображения процента заполнения. В режиме indeterminate показывается бесконечная анимация без конкретного значения.

Дополнительная информация

Процент заполнения ограничивается диапазоном 0–100%.
В обычном режиме устанавливается role="progressbar" с атрибутами aria-valuenow, aria-valuemin и aria-valuemax.
В неопределённом состоянии role и aria-valuenow не устанавливаются.