← Voltar à biblioteca
Feedback

Medidor

Meter

Mostra uma medida dentro de uma faixa conhecida, como ocupação ou intensidade.

Exemplo didático · Representação visual do padrão

Quando usar

Representar uso de armazenamento ou uma medida limitada.

Cuidados e acessibilidade

Use progress para avanço de uma tarefa; meter descreve uma medida atual.

Partes e comportamento

Valor medido, faixa total e limites de interpretação quando existirem.

Não confunda

Não use meter para o andamento de upload: esse caso é progress.

Exemplo de código

<label for="espaco">Armazenamento usado</label>
<meter id="espaco" min="0" max="10" value="6">6 de 10 GB</meter>

Trecho didático. Integre e teste no contexto do seu projeto.

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR