HTML <meter> value एट्रिब्यूट

<meter> एलिमेंट का value एट्रिब्यूट

<meter> एलिमेंट का value एट्रिब्यूट गेज (gauge) का वर्तमान मान निर्दिष्ट करता है। यह एक आवश्यक एट्रिब्यूट है। <meter> एक स्केलर माप (scalar measurement) को एक ज्ञात सीमा के भीतर दर्शाता है, जैसे डिस्क उपयोग, मतदान परिणाम, या परीक्षा स्कोर।

वाक्यविन्यास (Syntax)

<meter value="num" min="min" max="max" low="low" high="high" optimum="optimum"></meter>

यहां num फ्लोटिंग-पॉइंट संख्या के रूप में वर्तमान मान दर्शाता है।

उदाहरण

<!DOCTYPE html>
<html>
<body>
  <h2>Result</h2>
  <p>Girls pass % <meter min="0" low="0" high="100" max="100" value="80"></meter></p>
  <p>Boys pass %<meter min="0" low="0" high="100" max="100" value="70"></meter></p>
</body>
</html>

आउटपुट

दो गेज बार लड़कियों और लड़कों के पास प्रतिशत दिखाएंगे:

कोड विश्लेषण

उपरोक्त उदाहरण में, हमने <meter> एलिमेंट का उपयोग करके लड़कियों और लड़कों का पास प्रतिशत सेट किया है। वर्तमान मान value एट्रिब्यूट का उपयोग करके सेट किया गया है:

Boys pass %<meter min="0" low="0" high="100" max="100" value="70"></meter>

अन्य एट्रिब्यूट्स

<meter> बनाम <progress>

• <meter> - एक स्थिर माप के लिए (जैसे डिस्क उपयोग 70%)। मान घट/बढ़ सकता है लेकिन कार्य प्रगति नहीं है।
• <progress> - एक कार्य की पूर्णता प्रगति के लिए (जैसे डाउनलोड 75% पूर्ण)।

ब्राउज़र समर्थन

सभी आधुनिक ब्राउज़र <meter> का समर्थन करते हैं (IE समर्थित नहीं)।