HTML · Forms and controls

meter

Shows a scalar measurement in a known range, such as disk usage or a score.

htmlRunnable example html course

Syntax

<meter value="…" min="…" max="…">

Example

Try it

<label for="score">Exam score</label>
<meter id="score" value="0.84" min="0" max="1" low="0.5" high="0.8" optimum="1">84%</meter>

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.