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. [Note: This tutorial is best viewed in the Opera browser]

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.