<meter>

The meter element represents a scalar measurement within a known range, such as disk usage or a score.

Since HTML5 Spec ↗

Syntax

<meter value="n" min="0" max="m"></meter>

Examples

<label for="disk">Disk</label>
<meter id="disk" value="0.8" high="0.75" max="1">80%</meter>
Output
Renders a gauge filled to 80% and colored to indicate it is in the high range.

Notes

Use <meter> for a fractional value within a fixed range, not for task progress (use <progress>). The low, high, and optimum attributes drive the gauge color.

Browser & runtime support

EnvironmentSince version
chrome 8.0
firefox 16
safari 6.0
edge 13

See also