https://515167.click-allow.top/
https://automobiledeem.com/vy0q8dnhx?key=096a4d6815ce7ed05c0ac0addf282624
https://515167.click-allo
https://automobiledeem.com/vy0q8dnhx?key=096a4d6815ce7ed05c0ac0addf282624
"प्रोग्रेस ओवरले (Progress Overlay) कोड"
"लोडिंग एनिमेशन (Loading Animation) कोड"
"प्रोग्रेस बार (Progress Bar) कोड"
यह शीर्षक इस कोड के उद्देश्य और कार्य को स्पष्ट रूप से दर्शाता है।
👉 z-index: 1000;
}
#progressOverlay > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,
✍️यह कोड एक HTML पेज का है, जिसमें एक प्रगति ओवरले (प्रोग्रेस ओवरले) बनाने के लिए CSS और HTML का उपयोग किया गया है।
👉इस कोड में, एक डिव एलिमेंट (#progressOverlay) बनाया गया है, जिसमें एक अन्य डिव एलिमेंट है, जिसमें "Thinking..." टेक्स्ट है। इस ओवरले को स्क्रीन के बीच में सेंटर किया गया है, और इसका बैकग्राउंड कलर व्हाइट है, जिससे यह ओवरले स्क्रीन पर दिखाई देता है।
इसके अलावा, इस कोड में एक यूट्यूब वीडियो एम्बेड किया गया है, जो एक सेपरेटर एलिमेंट के अंदर है।
-50%);
color: white;
font-size: 20px;
}
</style>
<div id="progressOverlay">
<div>Thinking...</div>
</div>
</body></html>
<div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/Wr4wCddPJE8" width="320" youtube-src-id="Wr4wCddPJE8"></iframe></div><br />
👉यह कोड एक प्रगति ओवरले (प्रोग्रेस ओवरले) बनाने के लिए उपयोग किया जाता है, जो वेबसाइट या वेब एप्लिकेशन में उपयोगकर्ताओं को प्रतीक्षा करने के लिए प्रेरित करता है जब कोई प्रक्रिया चल रही होती है।
👉इसके कुछ विशेष उपयोग हैं:👇
1. *लोडिंग एनिमेशन*: जब कोई वेबसाइट या वेब एप्लिकेशन डेटा लोड कर रहा होता है, तो यह ओवरले उपयोगकर्ताओं को प्रतीक्षा करने के लिए प्रेरित करता है।
2. *प्रगति इंडिकेटर*: जब कोई प्रक्रिया चल रही होती है, जैसे कि फ़ाइल अपलोड या डेटा प्रोसेसिंग, तो यह ओवरले उपयोगकर्ताओं को प्रगति के बारे में सूचित करता है।
3. *उपयोगकर्ता अनुभव*: यह ओवरले उपयोगकर्ताओं को एक बेहतर अनुभव प्रदान करता है, क्योंकि यह उन्हें प्रतीक्षा करने के लिए प्रेरित करता है और उन्हें प्रगति के बारे में सूचित करता है।
4. *वेबसाइट या वेब एप्लिकेशन की गति*: यह ओवरले वेबसाइट या वेब एप्लिकेशन की गति को बढ़ाता है, क्योंकि यह उपयोगकर्ताओं को प्रतीक्षा करने के लिए प्रेरित करता है और उन्हें प्रगति के बारे में सूचित करता है।
👉यह कोड एक प्रगति ओवरले (प्रोग्रेस ओवरले) बनाने के लिए उपयोग किया जाता है, जो वेबसाइट या वेब एप्लिकेशन में उपयोगकर्ताओं को प्रतीक्षा करने के लिए प्रेरित करता है जब कोई प्रक्रिया चल रही होती है।
👉यहाँ इसका उपयोग करने के चरण हैं:👇
# चरण 1: HTML कोड जोड़ें
पहले, आप अपने HTML पेज में निम्नलिखित कोड जोड़ें:
```
<div id="progressOverlay">
<div>Thinking...</div>
</div>
```
👉यह कोड एक डिव एलिमेंट बनाता है जिसमें एक अन्य डिव एलिमेंट है, जिसमें "Thinking..." टेक्स्ट है।
# चरण 2: CSS कोड जोड़ें
इसके बाद, आप अपने CSS फ़ाइल में निम्नलिखित कोड जोड़ें:
```
#progressOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
#progressOverlay > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 20px;
}
```
👉यह कोड प्रगति ओवरले को स्टाइल करता है और इसे स्क्रीन के बीच में सेंटर करता है।👇
# चरण 3: जावास्क्रिप्ट कोड जोड़ें
अगर आप चाहते हैं कि प्रगति ओवरले को प्रोग्रामेटिक रूप से दिखाया या छुपाया जाए, तो आप जावास्क्रिप्ट कोड का उपयोग कर सकते हैं:
```
// प्रगति ओवरले दिखाने के लिए
document.getElementById('progressOverlay').style.display = 'block';
// प्रगति ओवरले छुपाने के लिए
document.getElementById('progressOverlay').style.display = 'none';
```
👉यह कोड प्रगति ओवरले को दिखाने या छुपाने के लिए उपयोग किया जा सकता है।👇
यह कोड एंड्रॉयड और डेक्सटॉप पर अलग-अलग विधियों से कार्य करता है, क्योंकि दोनों प्लेटफ़ॉर्मों में अलग-अलग तकनीकी और आर्किटेक्चर हैं।
*एंड्रॉयड पर:*
👉एंड्रॉयड पर, यह कोड एक वेबव्यू या एक एक्टिविटी में एम्बेड किया जा सकता है। जब उपयोगकर्ता एक बटन या एक लिंक पर क्लिक करता है, तो यह कोड एक प्रगति ओवरले को दिखाने के लिए जावास्क्रिप्ट कोड का उपयोग कर सकता है।
👉एंड्रॉयड पर, यह कोड निम्नलिखित तकनीकों का उपयोग कर सकता है:👇
👉- वेबव्यू: एक वेबव्यू एक एंड्रॉयड एप्लिकेशन में एक वेब पेज को एम्बेड करने की अनुमति देता है।
👉- एक्टिविटी: एक एक्टिविटी एक एंड्रॉयड एप्लिकेशन में एक यूज़र इंटरफ़ेस को परिभाषित करने की अनुमति देती है।
👉- जावास्क्रिप्ट: जावास्क्रिप्ट एक प्रोग्रामिंग भाषा है जो वेब पेजों में उपयोग की जाती है।
👉*डेक्सटॉप पर:*👇
👉डेक्सटॉप पर, यह कोड एक वेब पेज में एम्बेड किया जा सकता है। जब उपयोगकर्ता एक बटन या एक लिंक पर क्लिक करता है, तो यह कोड एक प्रगति ओवरले को दिखाने के लिए जावास्क्रिप्ट कोड का उपयोग कर सकता है।
👉डेक्सटॉप पर, यह कोड निम्नलिखित तकनीकों का उपयोग कर सकता है:
👉- एचटीएमएल (HTML): एचटीएमएल एक मार्कअप भाषा है जो वेब पेजों को परिभाषित करने की अनुमति देती है।
👉- सीएसएस (CSS): सीएसएस एक स्टाइल शीट भाषा है जो वेब पेजों को स्टाइल करने की अनुमति देती है।
👉- जावास्क्रिप्ट: जावास्क्रिप्ट एक प्रोग्रामिंग भाषा है जो वेब पेजों में उपयोग की जाती है।
👉यहाँ कुछ कार्यों के उदाहरण हैं जो एंड्रॉयड और डेक्सटॉप पर किए जा सकते हैं और उनके संपन्न होने के समय के बारे में जानकारी है:👇
# एंड्रॉयड पर किए जा सकने वाले कार्य
1. *प्रगति ओवरले दिखाना*: 1-2 सेकंड
2. *वेब पेज लोड करना*: 2-5 सेकंड
3. *डेटा प्रोसेसिंग करना*: 5-30 सेकंड (डेटा की मात्रा पर निर्भर करता है)
4. *फ़ाइल अपलोड करना*: 10-60 सेकंड (फ़ाइल की आकार पर निर्भर करता है)
5. *डेटाबेस से डेटा प्राप्त करना*: 2-10 सेकंड (डेटाबेस की गति पर निर्भर करता है)
# डेक्सटॉप पर किए जा सकने वाले कार्य
1. *प्रगति ओवरले दिखाना*: 1-2 सेकंड
2. *वेब पेज लोड करना*: 2-5 सेकंड
3. *डेटा प्रोसेसिंग करना*: 5-30 सेकंड (डेटा की मात्रा पर निर्भर करता है)
4. *फ़ाइल अपलोड करना*: 10-60 सेकंड (फ़ाइल की आकार पर निर्भर करता है)
5. *डेटाबेस से डेटा प्राप्त करना*: 2-10 सेकंड (डेटाबेस की गति पर निर्भर करता है)
👉यह ध्यान रखें कि ये समय अनुमानित हैं और वास्तविक समय कार्य की जटिलता, डेटा की मात्रा, और सिस्टम की गति पर निर्भर करता है।👇
👉हाँ, यह कोड और इसके समान अन्य कोड के कई अन्य विशेष प्रयोग भी हो सकते हैं। यहाँ कुछ उदाहरण हैं:👇
👉# वेब डेवलपमेंट में प्रयोग
1. _लोडिंग एनिमेशन_: यह कोड लोडिंग एनिमेशन बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को प्रतीक्षा करने के लिए प्रेरित करता है।
2. _प्रगति इंडिकेटर_: यह कोड प्रगति इंडिकेटर बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को प्रगति के बारे में सूचित करता है।
3. _मॉडल विंडो_: यह कोड मॉडल विंडो बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को अतिरिक्त जानकारी प्रदान करता है।
👉# मोबाइल एप्लिकेशन में प्रयोग
1. _लोडिंग स्क्रीन_: यह कोड लोडिंग स्क्रीन बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को प्रतीक्षा करने के लिए प्रेरित करता है।
2. _प्रगति इंडिकेटर_: यह कोड प्रगति इंडिकेटर बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को प्रगति के बारे में सूचित करता है।
3. _मॉडल विंडो_: यह कोड मॉडल विंडो बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को अतिरिक्त जानकारी प्रदान करता है।
👉# डेस्कटॉप एप्लिकेशन में प्रयोग
1. _लोडिंग स्क्रीन_: यह कोड लोडिंग स्क्रीन बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को प्रतीक्षा करने के लिए प्रेरित करता है।
2. _प्रगति इंडिकेटर_: यह कोड प्रगति इंडिकेटर बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को प्रगति के बारे में सूचित करता है।
3. _मॉडल विंडो_: यह कोड मॉडल विंडो बनाने के लिए उपयोग किया जा सकता है, जो उपयोगकर्ताओं को अतिरिक्त जानकारी प्रदान करता है।
👉यहाँ कुछ विधियाँ हैं जिनका उपयोग आप लोडिंग स्क्रीन, प्रगति इंडिकेटर, और मॉडल विंडो बनाने के लिए कर सकते हैं:👇
👉# लोडिंग स्क्रीन बनाने के लिए
1. _एचटीएमएल और सीएसएस का उपयोग करें_: आप एचटीएमएल और सीएसएस का उपयोग करके एक लोडिंग स्क्रीन बना सकते हैं।
2. _जावास्क्रिप्ट का उपयोग करें_: आप जावास्क्रिप्ट का उपयोग करके एक लोडिंग स्क्रीन बना सकते हैं।
3. _लोडिंग स्क्रीन लाइब्रेरी का उपयोग करें_: आप लोडिंग स्क्रीन लाइब्रेरी का उपयोग करके एक लोडिंग स्क्रीन बना सकते हैं।
👉# प्रगति इंडिकेटर बनाने के लिए👇
1. _एचटीएमएल और सीएसएस का उपयोग करें_: आप एचटीएमएल और सीएसएस का उपयोग करके एक प्रगति इंडिकेटर बना सकते हैं।
2. _जावास्क्रिप्ट का उपयोग करें_: आप जावास्क्रिप्ट का उपयोग करके एक प्रगति इंडिकेटर बना सकते हैं।
3. _प्रगति इंडिकेटर लाइब्रेरी का उपयोग करें_: आप प्रगति इंडिकेटर लाइब्रेरी का उपयोग करके एक प्रगति इंडिकेटर बना सकते हैं।
👉# मॉडल विंडो बनाने के लिए
1. _एचटीएमएल और सीएसएस का उपयोग करें_: आप एचटीएमएल और सीएसएस का उपयोग करके एक मॉडल विंडो बना सकते हैं।
2. _जावास्क्रिप्ट का उपयोग करें_: आप जावास्क्रिप्ट का उपयोग करके एक मॉडल विंडो बना सकते हैं।
3. _मॉडल विंडो लाइब्रेरी का उपयोग करें_: आप मॉडल विंडो लाइब्रेरी का उपयोग करके एक मॉडल विंडो बना सकते हैं।
कोई टिप्पणी नहीं:
एक टिप्पणी भेजें