meter tag in html5 with example

Home » HTML 5 Examples » HTML 5 Tutorials » HTML5 » meter tag in html5 with example

meter tag in html5 with example

Posted by 20Fingers2Brains on Tags: HTML 5 Examples , HTML 5 Tutorials , HTML5

The HTML <meter> tag is used for indicating a scalar measurement within a known range, or a fractional value.
It is important to note that the <meter> element is used to represent a range. It is not appropriate to use this element for representing a single number (such as how many children someone has) unless there is a known maximum number.
Examples: Disk usage, the relevance of a query result, etc.
The <meter> tag is supported in all major browsers, except Internet Explorer and Safari.

Example 1 :

<html>
    <head><title>mark tag in html5</title>
    </head>
    <body>
        <ul>
            <li>Volume : <meter value="2" max="10">20%</meter></li>
            <li>Bass : <meter value="50" max="100">50 %</meter></li>
            <li>Treble : <meter value="70" max="100">75 %</meter></li>
            <li>Surround : <meter value="0.6"></meter></li>
    </ul>
    </body>
</html>

Demo :

In the above example, we have shown how to use meter tag in html5.