Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में प्रोग्रेस बार कैसे बनाएं?

HTML में प्रोग्रेस बार बनाने के लिए <progress> टैग का उपयोग करें। HTML <progress> टैग किसी कार्य की पूर्णता प्रगति निर्दिष्ट करता है। यह प्रोग्रेस बार के रूप में प्रदर्शित होता है। प्रोग्रेस बार का मान JavaScript द्वारा संशोधित किया जा सकता है।

निम्न एट्रिब्यूट्स हैं:

एट्रिब्यूट मान विवरण
maxnumberशून्य से अधिक मान, वैध फ्लोटिंग पॉइंट नंबर
valuenumberकितना कार्य पूरा हुआ। 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 अपडेट करें।

  1. HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं? HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं?

    <ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>

  1. Excel में बार या सर्कल प्रोग्रेस चार्ट कैसे बनाएं Excel में बार या सर्कल प्रोग्रेस चार्ट कैसे बनाएं

    एक चार्ट डेटा का ग्राफिकल प्रतिनिधित्व है, जैसे पाई चार्ट, बार ग्राफ, लाइन ग्राफ, आदि। चार्ट जानकारी को आपके दर्शकों के लिए दिलचस्प, आकर्षक और पढ़ने में आसान बना सकते हैं। प्रोग्रेस चार्ट क्या है? एक प्रोग्रेस चार्ट प्रगति पर काम की पूर्णता की डिग्री का ग्राफिकल प्रतिनिधित्व है। प्रोग्रेस चार्ट व्

  1. Tkinter में डाउनलोड प्रोग्रेस बार कैसे बनाएं? Tkinter में डाउनलोड प्रोग्रेस बार कैसे बनाएं?

    मान लीजिए हम एक ऐसा एप्लिकेशन बना रहे हैं जो सोर्सेज और फाइल्स जैसे फाइल्स डाउनलोड करना, फाइल ट्रैक करना के साथ इंटरैक्ट करता है। ऐसे एप्लिकेशन के लिए प्रोग्रेसबार बनाने के लिए, हम tkinter.ttk पैकेज का उपयोग करेंगे जिसमें Progressbar मॉड्यूल शामिल है। प्रारंभ में, हम Horizontal ओरिएंटेशन के साथ Pro