high

The high attribute in HTML is used with <meter> elements to define the upper threshold of a scalar value within a specified range.

high attribute

The high attribute in HTML is used with the <meter> element to specify the upper boundary of a scalar measurement within a defined range. This attribute helps indicate the maximum value that the meter can represent, providing context for the measurement being displayed.

Syntax

index.html
<meter high="number">

Example

Here’s an example of using the high attribute with the <meter> element in HTML:

75%
index.html
<meter value="75" min="0" max="100" low="30" high="80">75%</meter>

In this example, the <meter> element shows a value of 75, with a minimum of 0 and a maximum of 100. The high attribute is set to 80, meaning values above this threshold are considered high.

Values

  • number
    • A whole or floating point number.

Applies To

The high attribute can be used on the following html elements.

Example

Your progress is at 70%.
index.html
<meter value="70" min="0" max="100" high="80" low="50">  
  Your progress is at 70%.
</meter>

Conclusion

The high attribute in HTML helps define the upper boundary for values in a <meter> element, providing context for scalar measurements. It improves user understanding by highlighting what is considered a high value within a defined range. This attribute is essential for visualizing progress or measurements effectively.