HTML: meter Tag

By Xah Lee. Date: 2011-07-08. Last updated: 2025-01-09.

What is Meter Tag

The meter tag is a inline element. It is used to indicate a measure within a given range. For example, disk usage, percentage.

💡 TIP: The meter tag should not be used to indicate progress. Use progress for that. 〔see HTML: progress Tag〕

HTML Code:

<meter value="0.7"></meter>

Here is what your browser shows:

The tag's content is ignored, unless the brower doesn't support the tag.

<meter value="5" min="0" max="5"></meter>

value="number": Required. Must be between min and max.
min="number": The minimum possible value for the value attribute. Default to 0.
max="number": The minimum possible value for the value attribute. Default to 1.
low="number": A number indicating that values below or equal to it is considered low. (must be within “min” and “max”.)
high="number": A number indicating that values above or equal to it is considered high. (must be within “min” and “max”.)
optimum="number": A number indicating the optimal value. For example, if it is equal to “max”, then it means higher is better.

As of 2011-07-30, it is supported by Google Chrome, Opera. Not supported by Firefox, IE9, Safari.
As of 2014-03-19, it is supported by Firefox.
As of 2014-03-19, it is supported by all browsers.