एलिमेंटर स्किल बार्स विजेट: एक सूची में एकाधिक प्रगति बार्स
मास्टर एडॉन्स प्रोग्रेस बार्स विजेट एक विजेट में कई क्षैतिज कौशल सलाखों को ढेर करता है यह मुफ़्त है प्रत्येक कौशल, सेवा या लक्ष्य के लिए एक बार जोड़ें, इसे एक शीर्षक और १ से १०० तक प्रतिशत दें, और यदि आप चाहें तो प्रति बार एक रंग चुनें सलाखों को शून्य से भरें जब वे दृश्य में स्क्रॉल करते हैं, प्रत्येक बार के अंदर दिखाए गए प्रतिशत के साथ इसे एक पृष्ठ, परियोजना की स्थिति या सर्वेक्षण परिणामों के बारे में कौशल के लिए उपयोग करें इसके बजाय एक एकल सर्कल या गेज की तलाश करें प्रगति बार इसके सर्कल और फैन प्रीसेट के साथ विजेट एक बार के लिए जो आगंतुकों को पोस्ट के माध्यम से स्क्रॉल करने के लिए भरता है, उपयोग करें प्रगति बार पढ़ना.
एलिमेंट में स्किल बार्स कैसे जोड़ें
आपको एलिमेंटर और मुफ्त मास्टर एडॉन्स प्लगइन की आवश्यकता है इसे देखें प्रगति बार दस्तावेज़.
- जांचें कि प्रोग्रेस बार्स नीचे चालू है मास्टर ऐडऑन, विजेट.
- एलिमेंटर संपादक में, खोजें प्रगति बार्स और इसे पृष्ठ पर खींचें।
- स्टैट्स बार्स में, तीन नमूना बार संपादित करें और अधिक के लिए आइटम जोड़ें पर क्लिक करें।
- प्रत्येक बार के लिए एक शीर्षक और एक प्रतिशत सेट करें, और यदि आप अलग-अलग रंग चाहते हैं तो एक बार रंग सेट करें।
- स्टाइल टैब में, ट्रैक सेट करें और रंग, बार की ऊंचाई, रिक्ति और त्रिज्या भरें।
- शीर्षकों और प्रतिशत को स्टाइल करें, फिर पृष्ठ का पूर्वावलोकन करें और विजेट पर स्क्रॉल करें।

आपको जितने चाहें उतने कौशल बार जोड़ें
बार्स रहते हैं आँकड़े बार्स सामग्री टैब में पुनरावर्तक प्रत्येक बार के लिए आइटम जोड़ें पर क्लिक करें, फिर सेट करें आँकड़े शीर्षक (उदाहरण के लिए “वेब Design”), द प्रतिशत मान 1 से 100 तक, और एक वैकल्पिक बार रंग उस बार के लिए आइटम को फिर से व्यवस्थित करने के लिए खींचें शीर्षक फ़ील्ड एलिमेंटर गतिशील टैग स्वीकार करता है।
- एक विजेट में बार की कोई भी संख्या।
- प्रत्येक बार का अपना शीर्षक, प्रतिशत और रंग होता है।
- अपने स्वयं के रंग के बिना बार स्टाइल टैब से सक्रिय बार रंग का उपयोग करते हैं।
बार्स, टाइटल और प्रतिशत को स्टाइल करें
द आँकड़े बार स्टाइल सेक्शन बार बीजी कलर (खाली ट्रैक), एक्टिव बार कलर (फिल), बार के बीच वर्टिकल स्पेसिंग (5 से 128px), बार हाइट (1 से 96px) और चौकोर या गोली के आकार की बार के लिए स्टैट्स बार बॉर्डर रेडियस सेट करता है। आँकड़े शीर्षक संरेखण, रंग और टाइपोग्राफी है, और आँकड़े प्रतिशत बार के अंदर नंबर के लिए रंग और टाइपोग्राफी है।
- ट्रैक और फिल के लिए अलग-अलग रंग।
- गोल पट्टियों के लिए सीमा त्रिज्या px या % में।
- जब विजेट दृश्य में स्क्रॉल हो तो एनीमेशन प्ले एक बार भरें; उच्च मान भरने में अधिक समय लगता है।

एलिमेंटर प्रोग्रेस बार बनाम मास्टर एडॉन्स प्रोग्रेस बार्स
एलिमेंटर के पास एक मुफ्त प्रगति बार विजेट है जो एक बार दिखाता है यहां बताया गया है कि दोनों कैसे तुलना करते हैं।
| फ़ीचर | एलिमेंटर प्रोग्रेस बार | मास्टर एडॉन्स प्रोग्रेस बार्स |
|---|---|---|
| प्रति विजेट बार | एक | जितने जोड़ो |
| रंग प्रति बार | एक विजेट, एक रंग | हाँ, प्रति पुनरावर्तक आइटम |
| बार के अंदर पाठ | हाँ, कस्टम आंतरिक पाठ | केवल प्रतिशत |
| दृश्य में स्क्रॉल करने पर चेतन करें | हाँ | हाँ |
| गतिशील टैग | हाँ | केवल शीर्षक |
| लागत | मुक्त | मुक्त |
कस्टम इनर टेक्स्ट के साथ एक बार के लिए, एलिमेंट का अपना विजेट पर्याप्त है कौशल की एक सूची के लिए, एक प्रगति बार्स विजेट उन्हें संरेखित रखता है संबंधितः प्रगति बार हलकों और गेज के लिए, प्रगति बार पढ़ना स्क्रॉल प्रगति के लिए, और काउंटर अप एनिमेटेड नंबरों के लिए।













प्रगति बार्स के लिए अक्सर पूछे जाने वाले प्रश्न
जब बार दृश्य में स्क्रॉल करते हैं तो क्या वे चेतन होते हैं?
हाँ प्रत्येक बार शून्य से उसके मूल्य तक भर जाता है एक बार विजेट व्यूपोर्ट में प्रवेश करता है भरण प्रति प्रतिशत बिंदु पर लगभग २० मिलीसेकंड लेता है, इसलिए ९०% बार दो सेकंड के भीतर लेता है गति को बदलने या एनीमेशन को बंद करने के लिए कोई सेटिंग नहीं है।
क्या प्रोग्रेस बार्स विजेट मुफ़्त है?
हाँ प्रगति बार्स हर सामग्री और शैली नियंत्रण के साथ मुफ्त मास्टर एडॉन्स प्लगइन का हिस्सा है इस विजेट का कोई प्रो संस्करण नहीं है।
क्या प्रगति पट्टियाँ मोबाइल पर उत्तरदायी हैं?
हाँ सलाखों उनके स्तंभ की पूरी चौड़ाई ले, तो वे स्क्रीन के साथ हटना बार ऊंचाई और कार्यक्षेत्र रिक्ति उत्तरदायी नियंत्रण नहीं कर रहे हैं, लेकिन शीर्षक और प्रतिशत टाइपोग्राफी गोली और मोबाइल पर छोटे फ़ॉन्ट आकार का उपयोग कर सकते हैं।
क्या मैं ठोस रंग के बजाय सक्रिय बार रंग के लिए ग्रेडिएंट का उपयोग कर सकता हूं?
नहीं बार बीजी रंग, सक्रिय बार रंग और प्रत्येक बार का अपना रंग केवल एक ठोस रंग लेता है यदि आपको एक ढाल भरने की आवश्यकता है, तो हमसे संपर्क करें और हम एक सीएसएस स्निपेट का सुझाव दे सकते हैं।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।

ग्लासमोर्फिज्म

कंटेनर अतिरिक्त

पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर

