: Elemento METER

Última atualização: 2026-09-12

<meter>Elemento METER

Mostra uma medida conhecida dentro de um intervalo (min–max), ex.: uso de disco, avaliação, temperatura. Não é para progresso indeterminado — use <progress>.

CategoriaFormulários
Modelo de ConteúdoConteúdo de fluxo
Pais PermitidosQualquer elemento que aceite conteúdo de fluxo
Tag de FechamentoSim — requer fechamento </meter> tag
StatusPadrão

📝 Sintaxe

<meter value="0.6" min="0" max="1">60%</meter>

⚙️ Atributos

Este elemento suporta os atributos globais mais os seguintes:

AtributoValorDescrição
valueThe current measured value (required).
minLower bound of the range, default 0.
maxUpper bound of the range, default 1.
lowThe 'low' threshold.
highThe 'high' threshold.
optimumThe optimal value, affecting color hints.

▶ Exemplo

Edite o código abaixo e veja o resultado em tempo real no playground:

🌐 Suporte de Navegadores

Navegador ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<meter> v1 v12 v1 v1 v1
Suportado em todos os navegadores principais
Dica: meter é para medidas de intervalo fixo; para progresso desconhecido use <progress>.
Mais estudos de caso em breve — volte mais tarde.

📚 Tutoriais Relacionados

Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%