meter

FilterElements

<meter> ... </meter>

HTML5 only. Represents a fractional value or a scalar measurement within a known range (also known as a gauge). It should not be used to indicate progress (such as a progress bar) or when there is no known maximum value.

Start/End Tags

Required/Required

Specifications

  • HTML5

form=

Values: id of form owner
Associates the meter with a named form on the page.

high=

Values: number
Indicates the range that is considered to be “high” for the gauge

low=

Values: number
Indicates the range that is considered to be “low” for the gauge

max=

Values: number
Specifies the maximum or highest value of the range

min=

Values: number
Specifies the minimum or lowest value of the range

optimum=

Values: number
Indicates the range that is considered to be “optimum” for the gauge

value=

Values: number
Specifies the actual or “measured” value for the gauge

The following examples show three methods for indicating a measurement of 50%

<meter>50%</meter>

<meter min="0" max="200">100</meter>

<meter min="0" max="200" value="100"></meter>

Rendered Example

The meter element is not supported and can not be displayed.