Etiqueta HTML <meter>

Definição e uso

<meter> Tag define um valor escalar conhecido dentro de um intervalo ou valor fracionário. Também conhecido como instrumento (gauge).

por exemplo: uso do disco, relevância dos resultados da consulta, etc.

Atenção:não deve ser usado <meter> para representar progresso (por exemplo, barra de progresso). Para barras de progresso, use <progress> Tag.

Dica:Sempre use <label> Tagpara obter práticas de acessibilidade ótimas!

Veja também:

Manual de Referência do DOM HTML:Objeto Meter

Exemplo

Use o elemento meter para exibir um valor escalar dentro de um intervalo (instrumento):

<label for="disk_c">Uso do disco C：</label>
<meter id="disk_c" value="2" min="0" max="10">Um décimo</meter><br>
<label for="disk_d">Uso do disco D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Experimente pessoalmente

Atributo

Atributo Valor Descrição
form ID do formulário Define a propriedade <meter> pertence a qual formulário.
high Número Define o valor alto do intervalo.
baixo Número Define o valor baixo do intervalo.
máximo Número Define o valor máximo do intervalo.
mínimo Número Define o valor mínimo do intervalo. O valor padrão é 0.
optimum Número Define o valor ótimo do instrumento.
value Número Obrigatório. Define o valor atual do instrumento.

Descrição

O elemento meter exibe um valor possível dentro de um intervalo.mínimo e máximo O atributo define os limites possíveis do valor, que podem ser representados por números decimais. A exibição do elemento meter pode ser dividida em três partes: baixo, alto e ótimo.baixo A configuração de atributo estabeleceu um valor, todos os valores abaixo dele são considerados baixos;high O atributo define um valor, todos os valores acima dele são considerados excessivos;optimum O atributo especifica o valor ótimo.

Atributos globais

<meter> A etiqueta também suporta Atributos globais do HTML.

Atributos de evento

<meter> A etiqueta também suporta Atributos de evento no HTML.

Configuração CSS padrão

Nenhum.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou a primeira vez o rótulo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5