एचटीएमएल <प्रगति> टैग
उदाहरण
प्रगति पट्टी दिखाएं:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
परिभाषा और उपयोग
<progress>टैग किसी कार्य की पूर्णता प्रगति का प्रतिनिधित्व करता है ।
युक्ति: सर्वोत्तम पहुंच-योग्यता प्रथाओं के लिए हमेशा <लेबल> टैग जोड़ें!
टिप्स और नोट्स
युक्ति:<progress> किसी कार्य की प्रगति को प्रदर्शित करने के लिए जावास्क्रिप्ट के साथ टैग का उपयोग करें ।
नोट : <progress>टैग एक गेज (जैसे डिस्क स्थान का उपयोग या किसी क्वेरी परिणाम की प्रासंगिकता) का प्रतिनिधित्व करने के लिए उपयुक्त नहीं है। एक गेज का प्रतिनिधित्व करने के लिए, इसके बजाय <मीटर> टैग का उपयोग करें।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से तत्व का समर्थन करता है।
| Element | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
गुण
| Attribute | Value | Description |
|---|---|---|
| max | number | Specifies how much work the task requires in total. Default value is 1 |
| value | number | Specifies how much of the task has been completed |
वैश्विक गुण
<progress>टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<progress>टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: प्रगति वस्तु
डिफ़ॉल्ट सीएसएस सेटिंग्स
कोई नहीं।