Feedback
Anel de progresso
Progress ring
Mostra uma medida de progresso ao redor de um círculo.
64%
Exemplo didático · Representação visual do padrão
Quando usar
Exibir avanço mensurável em um espaço compacto.
Cuidados e acessibilidade
Informe o valor em texto e ofereça nome, mínimo, máximo e valor atual acessíveis.
Partes e comportamento
Traçado circular, valor atual, nome e limites da medida.
Não confunda
Um círculo girando é spinner; um arco preenchido com um valor é progresso determinado.
Exemplo de código
<div role="progressbar" aria-label="Arquivos enviados"
aria-valuemin="0" aria-valuemax="100" aria-valuenow="64">
64%
</div>Trecho didático. Integre e teste no contexto do seu projeto.