DEV Community

loading...

Easily show a range/gauge with HTML element | Notes

abhiweb profile image Kumar Abhishek Originally published at abhi.page 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 abhi.page | Read more notes

Discussion (0)

pic
Editor guide