DISPLAY A FIXED-METER BAR

The meter element, new in HTML5, enables you to display a gauge graphic to the user at any point on a web page. This is useful to display a metered bar of some absolute values to users. For example, if you were hosting a fundraiser, you could display a fundraiser goal gauge easily with meter. Just set the maximum and current values, and the browser will show the progress to the goal.

If the meter element is unsupported by the browser, the fallback display within its start and end tags will appear instead. You can use this to display a text description or a fallback image graphic:

<meter value='num' min='num' max='num’>Fallback Display</meter>

The meter element accepts several attribute values as input. At a minimum, ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.