Javascript Reference - HTML DOM Meter high Property

The high property sets or gets the high attribute in a gauge.

The high attribute from the meter element specifies the gauge's value that is considered to be a high value.

This value must be less than the max attribute value, and greater than the low and min attribute values.

Browser Support


`high`	Yes	No	Yes	Yes	Yes

Syntax

Return the high property.

var v = meterObject.high

Set the high property.

meterObject.high=number

Property Values

Value	Description
number	Set a number as a high value

Return Value

A Number type value representing a floating point number as a high value.

Example

The following code shows how to get the high attribute in a gauge.


<!DOCTYPE html>
<html>
<body>
<meter id="myMeter" min="0" low="40" high="95" max="100" value="65"></meter>
<button onclick="myFunction()">test</button>
<p id="demo"></p>
<script>
function myFunction() {<!--from   w  ww  .jav  a  2 s  . co m-->
    var x = document.getElementById("myMeter").high;
    document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

The code above is rendered as follows:

Example 2

The following code shows how to change the high attribute in a gauge.


<!DOCTYPE html>
<html>
<body>
<meter id="myMeter" min="0" low="40" high="95" max="100" value="65"></meter>
<button onclick="myFunction()">test</button>
<script>
function myFunction() {<!-- w w  w  .j  av a  2 s .c  o m-->
    document.getElementById("myMeter").high = "60";
}
</script>
</body>
</html>

The code above is rendered as follows: