Free Web Development Online Tutorials, Learn to Code
Learn HTML5 Syntax, Webpage Designing using HTML, HTML5 Tags, HTML Tutorial for Beginners

Meter Tag Example in HTML5

This is a fantastic html5 element, now you can show some report using this without even writing any programming code, if just need to have the number.

meter tag defines a scalar measurement within a known range, Here is an simple Meter tag example

Note: mater tag should not be used to indicate any progress of any functionality

This is how you can write Code

<meter value="20" min="1" max="100"> <meter>
<br >
<meter value="50" min="1" max="100"> <meter>
<br >
<meter value="70" min="1" max="100"> <meter>
<br >
<meter value="90" min="1" max="100"> <meter>

meter tag attribute

Here are few important properties of meter tag

  • value

    Mandatory attribute, used to specify a value in numbers. The number may be floating point number or integer.

  • max

    specifies the maximum value in the range.

  • min

    specifies the minimum value in the range.

You can think of using this meter element to represent some report, graphic view of data in html5!

HTML5 Meter Tag
Web Designing Tutorials

HTML5 Tags Examples | Join Web Design Course