HTML5 में टास्क का कम्पलीशन प्रोग्रेस डिस्प्ले करने के लिए <progress> टैग का उपयोग करें। यह प्रोग्रेस बार बनाने में मदद करता है। निम्न एट्रिब्यूट्स हैं:
HTML <progress> टैग निम्न अतिरिक्त एट्रिब्यूट्स का समर्थन करता है:
| एट्रिब्यूट | वैल्यू | विवरण |
|---|---|---|
| max | number | शून्य से अधिक मान होना चाहिए और एक वैध फ्लोटिंग-पॉइंट नंबर होना चाहिए |
| value | number | निर्दिष्ट करता है कि टास्क का कितना हिस्सा पूरा हो चुका है। 0 और max के बीच फ्लोटिंग-पॉइंट नंबर होना चाहिए, या 0 और 1 के बीच यदि max छोड़ दिया गया हो |
उदाहरण
प्रोग्रेस बार बनाने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <title>HTML Progress Tag</title> </head> <body> <h2>Water Level</h2> <progress value="60" max="100"/> </body> </html>
नोट: <progress> टास्क कम्पलीशन प्रोग्रेस के लिए है (डिटरमिनेट/इंडिटरमिनेट)। स्केलर मेजरमेंट (गेज) के लिए <meter> उपयोग करें। CSS से स्टाइलिंग संभव है (ब्राउज़र-विशिष्ट प्सूडो-एलिमेंट्स)।
