Progress
Barra de progresso para indicar conclusão de tarefas ou processos. Construído sobre Radix UI Progress.
import { Progress } from "@workspace/ui/components/progress";
<Progress value={60} />Valores
Progress com diferentes níveis de conclusão.
25%
50%
75%
100%
Com label
Progress usado num contexto de upload ou processamento.
Enviando produtos...67%
34 de 51 produtos sincronizados com o Bling.
API Reference
| Prop | Type | Default | Descrição |
|---|---|---|---|
value | number | 0 | Valor atual do progresso (0-100) |
max | number | 100 | Valor máximo da barra |
className | string | — | Classes adicionais para o container |