HTML optimum एट्रिब्यूट

परिचय

HTML optimum एट्रिब्यूट उस रेंज को परिभाषित करता है जहां <meter> एलिमेंट का मान इष्टतम (optimum) माना जाता है। यह केवल <meter> HTML एलिमेंट पर लागू होता है।

सिंटैक्स

<meter optimum="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 optimum एट्रिब्यूट डेमो</h1>
<p>डाउनलोड प्रगति:</p>
<meter min="0" max="100" low="10" high="90" value="50" optimum="30"></meter>
<p>यहां optimum=30 है, इसलिए 30 के आसपास का मान "इष्टतम" (हरा) माना जाएगा।</p>
</body>
</html>

आउटपुट

एक मीटर गेज दिखाई देगा जहां मान 50 है, लेकिन इष्टतम रेंज 30 के आसपास है। ब्राउज़र इष्टतम रेंज को हरे रंग में, सामान्य को पीले में, और कम/उच्च को लाल में दिखा सकता है।

meter एलिमेंट के एट्रिब्यूट्स

रेंज तर्क

• यदि optimum low और high के बीच है → वह रेंज इष्टतम है
• यदि optimum < low → min से low तक इष्टतम है
• यदि optimum > high → high से max तक इष्टतम है

उपयोग के मामले

• डिस्क उपयोग (कम = अच्छा)
• बैटरी स्तर (उच्च = अच्छा)
• परीक्षा स्कोर (मध्य = अच्छा)
• प्रदर्शन मेट्रिक्स

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

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