Breaking

Thursday, May 9, 2019

HTML meter Tag

Example

Use the meter element to measure data within a given range (a gauge):
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
Try it Yourself »

Definition and Usage

The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.
Examples: Disk usage, the relevance of a query result, etc.
Note: The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag.

Browser Support

The numbers in the table specify the first browser version that fully supports the element.
Element
<meter>8.013.06.06.011.0

Differences Between HTML 4.01 and HTML5

The <meter> tag is new in HTML5.


Attributes

AttributeValueDescription
formform_idSpecifies one or more forms the <meter> element belongs to
highnumberSpecifies the range that is considered to be a high value
lownumberSpecifies the range that is considered to be a low value
maxnumberSpecifies the maximum value of the range
minnumberSpecifies the minimum value of the range
optimumnumberSpecifies what value is the optimal value for the gauge
valuenumberRequired. Specifies the current value of the gauge

Global Attributes

The <meter> tag also supports the Global Attributes in HTML.

Event Attributes

The <meter> tag also supports the Event Attributes in HTML.

Related Pages

HTML DOM reference: Meter Object

Default CSS Settings

None.

No comments:

Post a Comment