HTML: meter Tag

By Xah Lee. Date: . Last updated: .

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

(The meter tag should not be used to indicate progress. Use progress for that. [see HTML: progress Tag])

Example 1

HTML Code:

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

Here's what your browser shows:

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

Example 2

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

Attributes

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.

Browser Support

Back to HTML5 Tags Complete List.

Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Reference
  5. DOM
  6. SVG
  7. Web Dev Blog