Progress

Индикатор прогресса на shadcn / Radix Progress (Root + Indicator). Заполнение задаётся числом value (0..100); полоса несёт role="progressbar" и aria-valuenow из коробки. Высоту, скругление и цвет можно перекрыть через className (мёржатся tailwind-merge).

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

value: 0 / 25 / 50 / 75 / 100 — доля заполнения полосы.

Загрузка демо…

Высоту (h-*), скругление и цвет (bg-*) можно перекрыть через className — базовые классы мёржатся tailwind-merge.

Загрузка демо…