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.

Attributes

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

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