DEV Community


Easily show a range/gauge with HTML element | Notes

abhiweb profile image Kumar Abhishek Originally published at on ・1 min read

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 | Read more notes

Discussion (0)

Editor guide