Progress
Muestra un indicador con el avance de una tarea.
Uso
Referencia de la API
VoltProgressLabel — volt-progress-label
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
| id | unknown | — |
VoltProgressValue — volt-progress-value
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltProgress — volt-progress
| Entrada | Tipo | Por defecto |
|---|---|---|
| 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)}%` |
Código del componente
Instalar por CLI:
npx @voltui/cli add progressTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/progress.