Open In App

HTML <meter> optimum Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML <meter> optimum Attribute in HTML indicates the optimal numeric value for the gauge. It must be within the range i.e between min and max. When it is used with the low and high attribute, it gives an indication where along the range is considered preferable.
Syntax:  

<meter optimum="number">

Attribute Values  

  • number: It contains the floating point number which represent the optimal value of the gauge.

Examples:  

html




<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML Meter optimum Attribute
  </title>
</head>
  
<body>
    <center>
        <h2>
            GeeksForGeeks
        </h2>
        <h2 style="color: green;"
            HTML Meter optimum Attribute 
        </h2>
  
        <p>
            optimum value below low and high:
            <meter value="0.6" 
                   max="0.9" 
                   min="0.1" 
                   optimum="0.1"
                   high="0.5" 
                   low="0.2">
            </meter>
        </p>
        <p>
            optimum value between low and high:
            <meter value="0.6" 
                   max="0.9"
                   min="0.1"
                   optimum="0.4"
                   high="0.5"
                   low="0.2">
            </meter>
        </p>
        <p>
            optimum value above low and high:
            <meter value="0.6"
                   max="0.9" 
                   min="0.1"
                   optimum="0.6"
                   high="0.5" 
                   low="0.2">
            </meter>
        </p>
    </center>
</body>
  
</html>


Output:  

Supported Browsers: The browsers supported by HTML <meter> optimum Attribute are listed below:  

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


Last Updated : 07 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads