DEV Community

Kumar Abhishek
Kumar Abhishek

Posted on • Originally published at abhi.page on

Easily show a range/gauge with HTML <meter> element | Notes

Direct Links:

I really had no idea about the HTML <meter> element that can show a range of values, until I read this tweet by Álvaro Trigo 😃

Example: §

<meter min="0" max="100"    low="30" high="80" optimum="60" value="70">
Enter fullscreen mode Exit fullscreen mode

Note: The <meter> tag should not be used to show the progress of a task. For that, use the <progress> tag.


Read on abhi.page | Read more notes

Top comments (0)