Skip to main content

How To Use meter Tag In HTML 5 | How To Defines a scalar measurement

HTML <meter> Tag

Definition and Usage

The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.

Examples: Disk usage, the relevance of a query result, etc.

Note: The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag.

Tip: Always add the <label> tag for best accessibility practices!



 

Example

Use the meter element to measure data within a given range (a gauge):

 

<label for="disk_c">Disk usage C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter><br>

<label for="disk_d">Disk usage D:</label>
<meter id="disk_d" value="0.6">60%</meter>


Comments

Popular posts from this blog

How To Use noframes Tag In HTML 5 Not supported in HTML 5

HTML <noframes> Tag Not Supported in HTML5. The <noframes> tag was used in HTML 4 to act as a fallback tag for browsers that did not support frames. What to Use Instead? Example Use the  <iframe>  tag to embed another document within the current HTML document: < iframe  src ="https://mus-group-of-it.business.site/" >< /iframe >

How To Use mark Tag In HTML5 How To Defines marked highlighted text

HTML  [mark]  Tag Definition and Usage The  [mark]  tag defines text that should be marked or highlighted. Example Highlight parts of a text: <!DOCTYPE html> <html> <head>   <title>Mark Tag Use</title> </head> <body>   <p>How to use Mark Tag in <mark>HTML</mark></p> </body> </html>