CMS: प्रोग्रेस बार जोड़ना और सेट अप करना
7 मिनट
किसी लक्ष्य की ओर हुई प्रोग्रेस को विज़ुअल तरीके से दिखाने के लिए प्रोग्रेस बार जोड़ें। प्रोग्रेस वैल्यू दिखाने के लिए, आप Velo कोडिंग या CMS कलेक्शन फ़ील्ड का इस्तेमाल कर सकते हैं। टार्गेट वैल्यू के लिए, आप ऐसी स्टैटिक वैल्यू सेट कर सकते हैं जो बदलती नहीं है या Velo का इस्तेमाल करके या कलेक्शन फ़ील्ड कनेक्ट करके डायनेमिक वैल्यू सेट कर सकते हैं।
प्रोग्रेस बार इस्तेमाल करने के उदाहरण:
- दिखाएं कि टू-डू लिस्ट में कितने टास्क 'संपन्न' के तौर पर मार्क किए गए हैं।
- दिखाएं कि ऑनबोर्डिंग प्रोसेस के दौरान कितने प्रतिशत स्टेप पूरे हो चुके हैं।
- दिखाएं कि फंडरेज़िंग लक्ष्य के लिए कितनी रकम जुटाई गई है।
- दिखाएं कि तय संख्या में वोट पाने वाली पिटीशन पर कितने लोगों ने हस्ताक्षर किए हैं।
ध्यान दें:
Wix Harmony Editor में, आप टेक्स्ट, इमेज और बटन एलिमेंट को अपने कलेक्शन से कनेक्ट कर सकते हैं और गैलरी को 'मीडिया गैलरी' फ़ील्ड से कनेक्ट कर सकते हैं। आप प्रोग्रेस बार जैसे दूसरे एलिमेंट कनेक्ट नहीं कर सकते। आप Wix Harmony में और एलिमेंट टाइप कनेक्ट करने के लिए वोट कर सकते हैं।
सलाह:
आप प्रोग्रेस बार को CMS से कनेक्ट किए बिना उसकी वैल्यू अपडेट करने के लिए Velo का इस्तेमाल कर सकते हैं। इसका तरीका जानने के लिए,
प्रोग्रेस बार API के साथ काम करना देखें।
शुरू करने से पहले:
अपनी साइट पर CMS जोड़ें और
एक कलेक्शन बनाएं, जिसमें आपकी प्रोग्रेस वैल्यू के लिए 'संख्या' फ़ील्ड टाइप शामिल हो। अगर आप टार्गेट वैल्यू के लिए डायनेमिक वैल्यू इस्तेमाल करना चाहते हैं, तो टार्गेट दिखाने वाला एक 'संख्या' फ़ील्ड भी जोड़ें।
प्रोग्रेस बार जोड़ने और सेट अप करने के लिए:
Wix Editor
Studio Editor
- अपने एडिटर पर जाएं।
- पक्का करें कि आपने अपने एडिटर में Velo इनेबल किया है:
- सबसे ऊपर Dev मोड पर क्लिक करें।
- टर्न ऑन Dev मोड पर क्लिक करें।
- एडिटर के बाईं ओर ऐड एलिमेंट्स पर क्लिक करें।
- इंटरैक्टिव पर क्लिक करें।
- प्रोग्रेस बार पर क्लिक करें, जो इंडिकेटर्स के नीचे है।
- अपनी पसंद के प्रोग्रेस बार पर क्लिक करें और उसे ड्रैग करके पेज पर ले जाएं।
- प्रोग्रेस बार पर सेटिंग्स पर क्लिक करें।
- ऐसा लेबल डालें जिससे विज़िटर और स्क्रीन रीडर समझ सकें कि बार क्या दिखाता है, जैसे "लक्ष्य की ओर प्रोग्रेस"।
- चुनें कि टारगेट वैल्यू को डायनैमिक वैल्यू या स्टैटिक वैल्यू के रूप में सेट करना है:
पर क्लिक करें।डायनैमिक टारगेट वैल्यू
पर क्लिक करें। 
पर क्लिक करें: 
पर क्लिक करें और कोई प्रीसेट डिज़ाइन चुनें या मौजूदा डिज़ाइन को अपनी जरूरत के मुताबिक कस्टमाइज़ करें। स्टैटिक टारगेट वैल्यू
