Skip to content

Quick Tip: Meter Tag In HTML5


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.


  1. 25%
  2. 50%
  3. 75%
  4. 50%



Screen shot 2013 12 23 at 9 58 49 pm

Blog & Events

Featured Work