Skip to main content

html-tags.com

<meter>

A scalar measurement within a known range: stock, disk usage, password strength, a score.

Baseline: Widely available · Forms

When to use it

With min/max plus low/high/optimum so the browser can color-code good, warning, and critical zones.

When not to

For task completion use progress — meter is a gauge, not a journey.

Key attributes

value / min / max
low / high / optimum
zone thresholds

Example

132 of 500
<label for='stock'>Stock</label>
<meter id='stock' min='0' max='500' low='50' high='400' optimum='500' value='132'>132 of 500</meter>
Rendered live above, source below.

Authoritative references