HTMLMeterElement: high property

The high property of the HTMLMeterElement interface represents the high boundary of the <meter> element as a floating-point number. It reflects the element's high attribute, or the value of max if not defined. The value of high is clamped by the low and max values.

This property can also be set directly, for example to set a default value based on some condition.

Value

A number that is not less than HTMLMeterElement.low nor greater than HTMLMeterElement.max.

Examples

html
<label for="fuel">Current fuel level:</label>
<meter
  id="fuel"
  min="0"
  max="100"
  low="15"
  high="66"
  optimum="80"
  value="50"></meter>
js
const meterElement = document.getElementById("fuel");
console.log(meterElement.high); // 66
++meterElement.high;
console.log(meterElement.high); // 67

Specifications

Specification
HTML Standard
# dom-meter-high

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
high

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also