परिचय
HTML low एट्रिब्यूट उस रेंज को परिभाषित करता है जहां <meter> एलिमेंट का मान "कम" माना जाता है। यह केवल <meter> HTML एलिमेंट पर लागू होता है।
सिंटैक्स
<meter low="number"></meter>
उदाहरण
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
font-family: Arial, sans-serif;
padding: 20px;
}
meter {
width: 300px;
height: 20px;
margin: 1rem auto;
display: block;
}
</style>
<body>
<h1>HTML low एट्रिब्यूट डेमो</h1>
<p>डाउनलोड प्रगति:</p>
<meter min="0" max="100" low="10" high="90" value="50"></meter>
<p>यहां low=10 है, इसलिए 0-10 की रेंज "कम" मानी जाएगी (आमतौर पर लाल रंग में दिखाई जाती है)।</p>
</body>
</html>
आउटपुट
एक मीटर गेज दिखाई देगा जहां मान 50 है। चूंकि low=10 है, 0-10 की रेंज "कम" श्रेणी में आएगी। ब्राउज़र इस रेंज को आमतौर पर लाल रंग में दर्शाता है।
meter एलिमेंट में रेंज वर्गीकरण
<meter> एलिमेंट मान को तीन श्रेणियों में वर्गीकृत करता है:
- कम (Low):
minसेlowतक - मध्यम/इष्टतम (Optimum/High):
lowसेhighतक (यदि optimum इस रेंज में है) - उच्च (High):
highसेmaxतक
optimum के साथ संयोजन
- यदि
optimum < low: कम रेंज इष्टतम है (हरा) - यदि
low ≤ optimum ≤ high: मध्य रेंज इष्टतम है - यदि
उपयोग के मामले
- डिस्क स्पेस (कम स्पेस = बुरा = लाल)
- बैटरी स्तर (कम बैटरी = बुरा = लाल)
- सर्वर लोड (कम लोड = अच्छा = हरा, यदि optimum कम हो)
- परीक्षा स्कोर (कम स्कोर = बुरा = लाल)
ब्राउज़र समर्थन
सभी आधुनिक ब्राउज़रों में समर्थित (IE में समर्थित नहीं)।
