HTML | <meter> value Attribute

Last Updated : 26 Jul, 2022

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

HTML | <meter> high Attribute

Vishal Chaudhary 2

Improve

Article Tags :

HTML | <meter> value Attribute

Similar Reads

HTML Form Element Attributes

HTML Input Element Attributes

HTML Textarea Element Attributes

HTML Button Element Attributes

HTML Select Element Attributes

HTML Option Element Attributes

HTML Optgroup Element Attributes

HTML Label Element Attributes

HTML Fieldset Element Attributes

HTML Legend Element Attributes

Thank You!

What kind of Experience do you want to share?