Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

HTML | <meter> value Attribute

  • Last Updated : 22 Sep, 2021

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. 
 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

html




<!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. 
 

html




<!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
  • Internet Explorer 13.0

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :