Skip to content

Quick Tip: Meter Tag In HTML5

By GRAYBOX Alumni

The HTML meter tag is used for indicating a scalar measurement within a known range, or a fractional value. The measure is shown as a progress bar.

Also known as a gauge, usage could include displaying disk usage, the amount raised during fundraising activities, or the relevance of a search query result.

It is important to note that the meter element is used to represent a range. It is not appropriate to use this element for representing a single number (such as how many children someone has) unless there is a known maximum number.

Here is how to use it.

Code:

[code] 
  1. 25%
  2. 50%
  3. 75%
  4. 50%

[/code]

Demo:

Screen shot 2013 12 23 at 9 58 49 pm

Blog & Events

Featured Work