Progress

Um indicador visual para mostrar o progresso de uma operação ou tarefa.

Utilização


index.tsx
import { Progress } from "@convertcompany/ui";

Exemplos


Com labels e ícones

O componente pode ser utilizado com labels para mostrar o valor percentual.

Estilizando

O componente pode ser customizado com className para alterar cor, altura, bordas e mais.


Props

PropriedadeTipo
valueValor de 0 a 100 que representa o percentual do progresso.
number
classNameClasse CSS adicional para personalização.
string
...propsDemais propriedades do componente base do Radix.
ProgressPrimitive.RootProps