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>


Labels:
Location: MUS Group Of IT Chak No 236/RB Sultania Colony Via Fish Form, Satayana Rd, Malkhan Wala, Faisalabad, Punjab 38000, Pakistan

Comments

Post a Comment

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 >
Post a Comment
Read more

How To Use noscript Tag In HTML 5 How To Defines an alternate content

HTML <noscript> Tag Definition and Usage The <noscript> tag defines an alternate content to be displayed to users that have disabled scripts in their browser or have a browser that doesn't support the script. The <noscript> element can be used in both <head> and <body>. When used inside <head>, the <noscript> element could only contain <link>, <style>, and <meta> elements. Example Use of the <noscript> tag: <script> document.write("Hello World!") </script> <noscript> Your browser does not support JavaScript! </noscript>
Post a Comment
Read more