HTMLMeterElement: max property

The max property of the HTMLMeterElement interface represents the maximum value of the <meter> element as a floating-point number. It reflects the element's max attribute, or the min value if no max is set, or 1 if neither the min or the max is defined.

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

Value

A number.

Examples

<label for="fuel">Current fuel level:</label>
<meter
  id="fuel"
  min="0"
  max="100"
  low="15"
  high="66"
  optimum="80"
  value="50"></meter>

const meterElement = document.getElementById("fuel");
console.log(meterElement.max); // 100
--meterElement.max;
console.log(meterElement.max); // 99

Specifications

Browser compatibility

See also

• <meter>
• HTMLMeterElement.value
• HTMLMeterElement.min
• HTMLProgressElement