Feedback
Barra de progresso
Progress bar
Mostra quanto de uma tarefa já foi concluído.
Exemplo didático · Representação visual do padrão
Quando usar
Acompanhar tarefas cuja evolução pode ser medida.
Cuidados e acessibilidade
Use valores reais. Progresso indeterminado não deve exibir uma porcentagem inventada.
Partes e comportamento
Nome da tarefa, valor atual e valor máximo quando conhecidos.
Não confunda
Meter mostra uma medida atual. Progress mostra avanço rumo à conclusão.
Exemplo de código
<label for="envio">Enviando arquivos</label>
<progress id="envio" max="100" value="64">64%</progress>Trecho didático. Integre e teste no contexto do seu projeto.