coderef

<meter>Baseline · Widely available

The &#x3C;meter> element represents a scalar value within a known range or a fractional value, typically shown as a progress bar.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Oct 2, 2018. Widely available since Apr 2, 2021.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–5Not supported
6+Supportedsince Sep 2, 2010
Current: 155
Edge
12–17Not supported
18+Supportedsince Oct 2, 2018
Current: 154
Firefox
1–55Not supported
56+Supportedsince Sep 28, 2017
Current: 157
Safari
1–5.1Not supported
6+Supportedsince Jul 25, 2012
Current: 27
MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155
Firefox Android
4–55Not supported
56+Supportedsince Sep 28, 2017
Current: 157
Safari iOS
1–10Not supported
10.3+Supportedsince Mar 27, 2017
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: HTMLMeterElement.

Feature detection

JS · check before using
const el = document.createElement("meter");
if (!(el instanceof HTMLUnknownElement)) {
  // <meter> is supported
}

Documentation (MDN)

Specification

Usage share

Sub-features

Support for each part of the feature (15). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
HTMLMeterElement61316618166
HTMLMeterElement.high61316618166
HTMLMeterElement.labels61856618566
HTMLMeterElement.low61316618166
HTMLMeterElement.max61316618166
HTMLMeterElement.min61316618166
HTMLMeterElement.optimum61316618166
HTMLMeterElement.value61316618166
meter613166181610.3
meter.high613166181610.3
meter.low613166181610.3
meter.max613166181610.3
meter.min613166181610.3
meter.optimum613166181610.3
meter.value613166181610.3