<meter>

A measurement within a known range — not progress.

Disk space, a rating, the relevance of a result. Besides value, min and max, it accepts low, high and optimum: the browser compares the three and picks between green, amber and red on its own.

Do not use it for loading or for form steps. That is <progress>.

<label for="gaveta">Drawer of forgotten ones</label>
<meter id="gaveta" value="13" min="0" max="30" low="8" high="20" optimum="4">
  13 of 30
</meter>

{esc(legenda)}

Drawer of forgotten ones (13 of 30) 13 of 30

Drawer of common ones (6 of 30) 6 of 30

Room in the press (27 of 30) 27 of 30

Living specimen · the browser picks the colour itself, comparing low, high and optimum

Recorded collections

Coleta de demonstração 31/07/2026 · suggested uncommon

Registro de exemplo, criado para mostrar o ciclo inteiro: enviado pelo formulário do viveiro, aprovado pela curadoria e publicado pelo gerador como página estática.

Record yours in the nursery