Meter tag

<meter>

Explanation

Meter tag is used to describe the measurement.

<meter value="Value" min="Value" max="Value">Value</meter> <meter value="Value">Percentage</meter>

The Element Specific attributes supported by this tag are:

Attribute	Value	Description
form	From_id	It indicates one or more forms where the <meter> belongs to.
high	Number	It points the range that is considered to be a high value.
low	Number	It specify the range that is considered to be a low value.
min	Number	It indicates the maximum value of the range.
max	Number	It mentions the maximum vaue of the range.
optimum	Number	It points the optimal value for the gauge.
value	Number	It indicates the current value of the gauge. It is compulsorily to use this attribute.

Example Code 1:


<meter value="50" min="0" max="100">50 out of 100</meter>
<meter value="0.5">50%</meter>

Result 1:

50 out of 100 50%

Example Code 2:


<meter value="10.0" high="0.9" low="0.1" optimum="0.5">
</meter>

Result 2:

It is possible to set the lowest and highest value for a measurement.
If the value comes below the minimum value then it is shown in "Yellow" color.
If the value exceeds the maximum value then it is displayed in "Golden" color.

It is newly introduced in HTML5 and it does not exist in previous versions of the HTML.
It supports both Global Attributes and Event Attributes in HTML5.