HTML में प्रोग्रेस बार बनाने के लिए <progress> टैग का उपयोग करें। HTML <progress> टैग किसी कार्य की पूर्णता प्रगति निर्दिष्ट करता है। यह प्रोग्रेस बार के रूप में प्रदर्शित होता है। प्रोग्रेस बार का मान JavaScript द्वारा संशोधित किया जा सकता है।
निम्न एट्रिब्यूट्स हैं:
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| max | number | शून्य से अधिक मान, वैध फ्लोटिंग पॉइंट नंबर |
| value | number | कितना कार्य पूरा हुआ। 0 और max के बीच फ्लोटिंग पॉइंट (या 0 और 1 यदि max न हो) |
उदाहरण
वेब पेज में प्रोग्रेस बार बनाना सीखें:
<!DOCTYPE html>
<html>
<head>
<title>HTML Progress Tag</title>
</head>
<body>
<h1>Loading</h1>
<progress value="65" max="100"/>
</body>
</html>
<progress> एक ज्ञात पूर्णता वाले कार्य के लिए है (जैसे डाउनलोड प्रगति)। अनिश्चित प्रगति के लिए (लोडिंग स्पिनर) value न दें। JavaScript से progress.value और progress.max अपडेट करें।