<meter>: The HTML meter element

I. Description

The HTML <meter> is used to create a simple horizontally oriented bar graph which can display either a value between a declared minimum and maximum or a fractional value.

See Also

If you are trying to create a progress bar see the <progress> element.

II. Examples

<!DOCTYPE html>
<html>
    <head>
        <title>Progress Element Example</title>
    </head>
    <body>
        <main>
            <h1>Current Temperature in New York City</h1>
            <p>The current temperature in NYC is: 78 degrees Fahrenheit.</p>
            <meter min="-20" max="135" low="32" high="90" optimum="75" value="78"></meter>
        </main>
    </body>
</html>

This document was last updated: