DOM प्रोग्रेस ऑब्जेक्ट एक HTML दस्तावेज़ के <प्रगति> तत्व का प्रतिनिधित्व करता है।
आइए हम प्रगति वस्तु बनाते हैं -
सिंटैक्स
निम्नलिखित वाक्य रचना है -
document.createElement(“PROGRESS”);
गुण
प्रगति वस्तु के गुण निम्नलिखित हैं -
संपत्ति वें> <वें>स्पष्टीकरण वें> | |
---|---|
अधिकतम | यह एक HTML दस्तावेज़ में एक प्रगति तत्व की अधिकतम विशेषता के मान को लौटाता है और बदल देता है। |
स्थिति | यह HTML दस्तावेज़ में प्रगति तत्व की स्थिति विशेषता का मान देता है। |
लेबल | यह एक HTML दस्तावेज़ में प्रगति पट्टी के लेबल की एक सूची देता है। |
मान | यह एक HTML दस्तावेज़ में प्रगति तत्व के मूल्य विशेषता की सामग्री को लौटाता है और बदलता है। |
उदाहरण
आइए प्रगति वस्तु का एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#fff; color:#0197F6; } h1{ color:#23CE6B; } .drop-down{ width:35%; border:2px solid #fff; font-weight:bold; padding:8px; } .btn{ background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; } p{ font-size:1.2rem; background-color:#db133a; color:#fff; padding:8px; } </style> </head> <body> <h1>DOM progress Object Demo</h1> <button onclick="createProgress()" class="btn">Create a progress object</button> <script> function createProgress() { var progressElement = document.createElement("PROGRESS"); progressElement.setAttribute("value","60"); progressElement.setAttribute("max","100"); document.body.appendChild(progressElement); } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
“एक प्रगति वस्तु बनाएं . पर क्लिक करें प्रगति ऑब्जेक्ट बनाने के लिए बटन।