Progress
Показує індикатор виконання завдання.
Використання
Довідник API
VoltProgressLabel — volt-progress-label
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
| id | unknown | — |
VoltProgressValue — volt-progress-value
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltProgress — volt-progress
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
| value | number | null | null |
| min | number | 0 |
| max | number | 100 |
| valueLabel | (value: number, max: number) => string | (value, max) => `${Math.round((value / max) * 100)}%` |
Код компонента
Встановити через CLI:
npx @voltui/cli add progressTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/progress.