Progress
Barra de progresso animada com 5 variantes (padrão/sucesso/aviso/erro/info) e 3 tamanhos.
Demonstração
Variants
Sizes
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
value | number | 0 | Current progress value (0–max). |
max | number | 100 | Maximum value. |
size | 'sm' | 'md' | 'lg' | 'md' | Height of the progress bar. |
variant | 'default' | 'success' | 'warning' | 'error' | 'info' | 'default' | Color variant. |
aria-label | string | 'Progress' | Accessible label. |
Uso
import { Progress } from '@ghiberti85/ui'
// Default
<Progress value={60} />
// Variants
<Progress value={80} variant="success" />
<Progress value={40} variant="warning" />
<Progress value={25} variant="error" />
<Progress value={70} variant="info" />
// Sizes
<Progress value={60} size="sm" />
<Progress value={60} size="md" />
<Progress value={60} size="lg" />