HTML <meter> Tag

<p>Tickets Sold: </p>
<meter low="40" high="150" min="0" max="200" value="120" title="Tickets">120 Tickets Sold</meter>

The above example demonstrates usage of the <meter> element.

The <meter> element represents a scalar measurement within a known range, or a fractional value. Examples of usage could include the amount of disk usage, the relevance of a query result to the user's search term, the amount of money raised in a fundraiser, or the fraction of a voting population to have selected a particular candidate.

The <meter> element should not be used to represent progress. For measuring progress, use the <progress> element.

Also, the <meter> element should not be used to represent a scalar value of arbitrary range. For example, it should not be used to indicate a height unless there's a known maximum height.


The <meter> element accepts the following attributes (as well as the global HTML attributes):

Current value of the element
Lower bound of range
Upper bound of range
High limit of low range
Low limit of high range
Optimum value in gauge