Progress Circle

Exibe o progresso com um indicador circular.

Exemplos

Básico

25%

65%

Com label

40%

Progresso da trilha

82%

Progresso da trilha

Tamanhos e espessura do traço

55%

70%

90%

Cores personalizadas

60%

90%

100%

API

Propriedade	Tipo	Padrão	Descrição
`value`	`number \| string`	`0`	Obrigatória. Porcentagem de progresso de 0 a 100 (arredondada). Uma string é exibida como está, sem o sufixo `%`, e deixa o indicador vazio.
`size`	`number`	`96`	Tamanho do círculo em pixels (largura e altura).
`strokeWidth`	`number`	`2`	Espessura do traço da trilha e do indicador.
`indicatorClassName`	`string`	—	Classes extras para o traço de progresso.
`trackClassName`	`string`	—	Classes extras para o traço da trilha.
`valueClassName`	`string`	—	Classes extras para o texto do valor.
`label`	`string`	—	Label opcional exibido abaixo do valor.
`labelClassName`	`string`	—	Classes extras para o texto do label.
`className`	`string`	—	className do wrapper, aplicada ao elemento raiz.
`...props`	props de `div`	—	Props adicionais de `div` repassadas ao elemento raiz.