PageResource.com - Web Development Tutorials

HTML5 Meter Element

HTML5 introduces another element the <meter> tag that can be used with the form element.

This tag allows you to display a visual gauge. The gauge is set using the value attribute.

Let us look at the html.

O%<meter value= "0"></meter> <br />

25%<meter value= ".25"></meter> <br />

40%<meter value= ".4"></meter> <br />

50%<meter value= ".5"></meter> <br />

75%<meter value= ".75"></meter> <br />

95%<meter value= ".95"></meter> <br />

100%<meter value= "1"></meter>

Here is what the display looks like.

Leave a Reply


Copyright © The Web Design Resource. All rights reserved. | Contact Us | Privacy Policy