Open In App

HTML | <meter> value Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The <meter> value attribute in HTML is used to specify the current value of the gauge. The specified value must be in between 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. 
 

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: 
 

  • Google Chrome 6
  • Edge 18
  • Firefox 16
  • Opera 11
  • Safari 6

 



Last Updated : 26 Jul, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads