Meter high Property - Javascript DOM HTML Element

Javascript examples for DOM HTML Element:Meter

  1. HOME
  2. Javascript
  3. DOM HTML Element
  4. Meter

Description

The high property sets or gets the high attribute in a gauge, which sets the range where the gauge's value 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.

Set the high property with the following Values

Value Description
number Sets a floating point number that is considered to be a high value

Return Value

A Number, representing a floating point number that is considered to be a high value

The following code shows how to change the value of the high attribute in a gauge:

Demo Code

ResultView the demo in separate window 

<!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  w w.j a v  a2  s. c  o m
    document.getElementById("myMeter").high = "60";
    document.getElementById("demo").innerHTML = "The value of the high attribute was changed from '95' to '60'.";
}
</script>
</body>
</html>

Related Tutorials