फ्री एलिमेंटर सर्कल प्रोग्रेस बार विजेट
एलिमेंट की फ्री प्रोग्रेस बार विजेट एक सीधी रेखा खींचता है मास्टर एडॉन्स में प्रोग्रेस बार विजेट भी मुफ्त है, और यह बार को एक लाइन के रूप में खींच सकता है, एक प्रतिशत बुलबुले के साथ एक लाइन, एक पूर्ण सर्कल या आधा सर्कल फैन गेज इसे एक शीर्षक और ० से १०० तक का मान दें, एक स्टाइल प्रीसेट चुनें, फिर भरे हुए बार को रंग दें और इसके पीछे ट्रैक करें यह फंडिंग लक्ष्यों, पाठ्यक्रम प्रगति, रेटिंग और एकल आंकड़ों के लिए अच्छी तरह से काम करता है एक विजेट के अंदर कौशल सलाखों की सूची के लिए, उपयोग करें प्रगति बार्सएक बार के लिए जो आगंतुकों को एक पोस्ट के माध्यम से स्क्रॉल करने के रूप में भरता है, का उपयोग करें प्रगति बार पढ़ना.
एलिमेंटर में सर्कल प्रोग्रेस बार कैसे जोड़ें
विजेट मुफ्त मास्टर ऐडऑन प्लगइन का हिस्सा है, इसलिए आपको केवल एलिमेंटर और मास्टर ऐडऑन की आवश्यकता है।
- स्थापित करें और सक्रिय करें वर्डप्रेस.ओआरजी से मास्टर ऐडऑन.
- एलिमेंटर के साथ अपना पेज संपादित करें और विजेट पैनल खोजें प्रोग्रेसबार.
- इसे एक कॉलम में खींचें हलकों की एक पंक्ति के लिए, प्रत्येक कॉलम में एक विजेट डालें।
- सामग्री में, शीर्षक टाइप करें और मान 0 से 100 पर सेट करें।
- स्टाइल, जनरल स्टाइल्स में, स्टाइल प्रीसेट को सर्कल या आधे सर्कल गेज के लिए फैन पर सेट करें।
- फ्रंट बार और बैक बार के रंग और चौड़ाई सेट करें, फिर शीर्षक और मूल्य पाठ को स्टाइल करें।
प्रत्येक सेटिंग को कवर किया गया है प्रगति बार विजेट सेटिंग्स गाइड।
लाइन, लाइन बबल, सर्कल और फैन प्रीसेट
शैली, सामान्य शैलियों, में आकार चुनें स्टाइल प्रीसेटलाइन इसके ऊपर शीर्षक के साथ एक फ्लैट क्षैतिज पट्टी है लाइन बबल एक गोल लेबल जोड़ता है जो भरण बिंदु के साथ स्लाइड करता है और प्रतिशत दिखाता है सर्कल मध्य में मूल्य के साथ एक पूर्ण अंगूठी खींचता है, और फैन एक आधा सर्कल गेज खींचता है।
- किसी भी समय प्रीसेट स्विच करें और शीर्षक, मूल्य और रंग वैसे ही रहें जैसे वे हैं।
- बुलबुला रंग लाइन बबल पर बुलबुले का भराव सेट करता है।
- बुलबुला स्थिति बुलबुले को बार के विपरीत ऊपर या नीचे ले जाता है।
शीर्षक और मूल्य
सामग्री टैब में दो फ़ील्ड हैं। शीर्षक क्या लेबल, धन उगाहने का लक्ष्य या पाठ्यक्रम की प्रगति की तरह है। मूल्य ० से १०० (डिफ़ॉल्ट रूप से ६०) तक की संख्या है जो यह निर्धारित करती है कि बार, रिंग या गेज कितनी दूर तक भरता है, और यह प्रतिशत के रूप में दिखाता है।
- पृष्ठ लोड होने पर भरण शून्य से आपके मान तक लगभग एक सेकंड में एनिमेट हो जाता है।
- कोई कस्टम अधिकतम नहीं है, इसलिए 60 में से 45 पाठ 75 के रूप में आते हैं।
- एक विजेट एक संकेतक है इसे हलकों की एक पंक्ति या लाइनों के ढेर बनाने के लिए डुप्लिकेट करें।
फ्रंट बार और बैक बार स्टाइलिंग
फ्रंट बार भरा हुआ भाग है और बैक बार इसके पीछे ट्रैक है प्रत्येक का अपना रंग और स्ट्रोक मोटाई के लिए एक चौड़ाई संख्या है, डिफ़ॉल्ट रूप से ५ एक पतली लाइट ट्रैक पर एक मोटी फ्रंट बार पढ़ना आसान है, खासकर सर्कल और फैन प्रीसेट पर।
- हल्के भूरे (#ddd) ट्रैक पर डिफ़ॉल्ट रंग बैंगनी (#704aff) हैं।
- रंग ठोस हैं कोई ढाल भरने का विकल्प नहीं है।
- चौड़ाई सभी उपकरणों के लिए एक नंबर है, इसलिए मोबाइल पर परिणाम की जांच करें।
शीर्षक और मूल्य पाठ
द शीर्षक और मूल्य शैली अनुभागों में प्रत्येक में एक रंग पिकर और एक पूर्ण टाइपोग्राफी समूह होता है, इसलिए प्रतिशत लेबल से बड़ा या बोल्ड हो सकता है सर्कल और फैन प्रीसेट पर मान आकार के अंदर बैठता है।
- शीर्षक H6 शीर्षक के रूप में आउटपुट है और डिफ़ॉल्ट रूप से काला है।
- मूल्य रंग और टाइपोग्राफी लाइन बबल लेबल पर भी लागू होती है।
एलिमेंटर प्रोग्रेस बार बनाम मास्टर एडॉन्स प्रोग्रेस बार
दोनों विजेट मुफ्त हैं एलिमेंटर्स प्रोग्रेस बार एक सीधी पट्टी है जो इसके अंदर पाठ की एक पंक्ति पकड़ सकती है मास्टर एडॉन्स गोल आकार जोड़ता है, इसलिए विकल्प ज्यादातर उस आकार के नीचे आता है जिसकी आपको आवश्यकता होती है।
| फ़ीचर | एलिमेंटर प्रोग्रेस बार | मास्टर एडॉन्स प्रोग्रेस बार |
|---|---|---|
| कीमत | एलिमेंटर में निःशुल्क | मास्टर ऐडऑन में निःशुल्क |
| आकृति | केवल लाइन | लाइन, लाइन बबल, सर्कल और फैन |
| मूल्य | गतिशील टैग के साथ प्रतिशत स्लाइडर | संख्या 0 से 100 तक |
| पाठ | HTML टैग विकल्प के साथ शीर्षक, प्रदर्शन प्रतिशत, आंतरिक पाठ | शीर्षक (H6) और एक प्रतिशत लेबल |
| बार आकार | ऊंचाई और सीमा त्रिज्या | फ्रंट बार और बैक बार चौड़ाई |
| रंग | बार रंग और पृष्ठभूमि रंग | फ्रंट बार और बैक बार रंग, बबल रंग |
| एनीमेशन | भरता है जब बार दृश्य में स्क्रॉल करता है | पृष्ठ लोड होने पर भरता है |
एक साधारण लाइन के लिए एलिमेंट के विजेट का उपयोग करें जो आगंतुकों के पहुंचने पर एनिमेट करता है या गतिशील टैग से इसका मूल्य खींचता है जब आप रिंग या गेज चाहते हैं तो मास्टर एडॉन्स का उपयोग करें संबंधित मुफ्त विजेटः प्रगति बार्स एक विजेट में कौशल सलाखों के लिए, प्रगति बार पढ़ना स्क्रॉल प्रगति संकेतक के लिए, और काउंटर अप एनिमेटेड नंबरों के लिए।
प्रगति बार के लिए अक्सर पूछे जाने वाले प्रश्न
प्रोग्रेस बार, प्रोग्रेस बार और रीडिंग प्रोग्रेस बार के बीच क्या अंतर है?
प्रगति पट्टी (यह विजेट) एक संकेतक है जिसे एक रेखा, एक बुलबुले वाली रेखा, एक वृत्त या एक पंखे के गेज के रूप में दिखाया गया है प्रगति बार्स तत्व क्षैतिज कौशल सलाखों की एक सूची है जिसे आप एक विजेट के अंदर जोड़ते हैं। प्रगति बार पढ़ना एक एक्सटेंशन है जो दिखाता है कि किसी विज़िटर ने पृष्ठ को कितनी दूर तक स्क्रॉल किया है।
जब प्रगति पट्टी दृश्य में स्क्रॉल होती है तो क्या वह चेतन होती है?
नहीं, पृष्ठ लोड होते ही लगभग एक सेकंड में भरण शून्य से आपके मूल्य तक चलता है, इसलिए पृष्ठ के नीचे एक बार किसी के भी देखने से पहले समाप्त हो सकता है एलिमेंटर का अपना प्रोग्रेस बार और मास्टर एडॉन्स प्रोग्रेस बार्स विजेट दोनों दृश्य में आने पर भरना शुरू करते हैं।
क्या मास्टर एडॉन्स प्रोग्रेस बार विजेट मुफ़्त है?
हाँ। यह WordPress।org पर निःशुल्क मास्टर ऐडऑन प्लगइन के साथ आता है, और सभी चार प्रीसेट प्रो लाइसेंस के बिना शामिल हैं।
क्या मैं १०० में से स्कोर के लिए एक सर्कल प्रगति बार बना सकता हूं?
हाँ। स्टाइल प्रीसेट को सर्कल पर सेट करें और स्कोर को महत्व दें, उदाहरण के लिए 85। रिंग बीच में 85% के साथ 85 प्रतिशत तक भर जाती है। किसी अन्य संख्या से स्कोर के लिए, इसे पहले प्रतिशत में बदलें, क्योंकि विजेट में कोई कस्टम अधिकतम नहीं है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
