Progress

Exibe o progresso com um indicador em barra horizontal.

Exemplos

Básico

Com label

Cores personalizadas

API

Propriedade	Tipo	Padrão	Descrição
value	number | null	—	Porcentagem de progresso, de 0 a 100. Sem valor (ou com null), a barra fica indeterminada: aparece vazia e não expõe aria-valuenow.
label	string	—	Label opcional exibido acima da barra junto com a porcentagem. Também dá nome à barra para leitores de tela, a menos que aria-label seja passado. Sem label, aria-label nem aria-labelledby, a barra se chama "Progresso".
indicatorClassName	string	—	Classes extras para o indicador de progresso.
className	string	—	Classes extras para o elemento da trilha.
...props	props do Progress.Root	—	Props adicionais do Radix Progress repassadas ao root.