Skip to content
Related Articles

Related Articles

HTML | <meter> value Attribute
  • Last Updated : 30 Apr, 2019

The <meter> value attribute in HTML is used to specify the current value of the gauge. The specified value must be inbetween the min and max attribute.

Syntax:

<meter value="number">

Attribute Value: This attribute contains single value number which is required. It is used to specify the floating point number that is the current value of the gauge.

Example 1: This example displays the health meter.




<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML meter value Attribute
        </title>
    </head>
      
    <body style = "text-align:center">
          
        <h1 style = "color:green;">
            GeeksforGeeks
        </h1>
          
        <h2>
            HTML meter value Attribute
        </h2>
          
        Health: <meter min="0" low="40" high="90"
                        max="100" value="60"></meter>
    </body>
</html>                    


Output:
metervalue



Example 2: This example displays the health meter which is very very low.




<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML meter value Attribute
        </title>
    </head>
      
    <body style = "text-align:center">
      
        <h1 style = "color:green;">
            GeeksforGeeks
        </h1>
          
        <h2>
            HTML meter value Attribute
        </h2>
          
        Health: <meter min="0" low="33" high="66" 
            max="100" optimum="80" value="10"></meter>
    </body>
</html>                    


Output:
metervalue

Supported Browsers: The browser supported by <meter> value attribute are listed below:

  • Apple Safari 6.0
  • Google Chrome 8.0
  • Firefox 6.0
  • Opera 11.0

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :