कैसे जीमेल लोड हो रहा है प्रगति बार

की तरह बनाने के लिए मैं सभी ब्राउज़रोंकैसे जीमेल लोड हो रहा है प्रगति बार

2010-06-07 MSI

स्वागत एसओ है। आम तौर पर लोग आपकी मदद करने के लिए अधिक इच्छुक होते हैं यदि आप अपनी समस्या को छोटे टुकड़ों में तोड़ सकते हैं, और यदि आप दिखाते हैं कि आपने अभी तक क्या काम किया है और आपको इसकी समस्याएं कहां हैं। तुम्हारे लिऐ शुभकामना। – bernie

[पृष्ठ लोड होने पर जीमेल-शैली प्रगति पट्टी का संभावित डुप्लिकेट] (http://stackoverflow.com/questions/8020929/gmail-style-progress-bar-when-page-is-loading) –

इस बुनियादी कोड

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> 
    <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'> 
    <head> 
     <style> 
      body{ 
       margin:0px; 
      } 
      #state{ 
       width:100px; 
       height:30px; 
       background:#FEE27C; 
       position:fixed !important; 
       position:absolute /* fallback for IE6 */; 
      } 
     </style> 
     <script language=javascript type='text/javascript' > 
      function set(){ 
       var s = screen_now_size(); 
       margin_right = (s['width']-100)/2; 

       //append or change margin right size 
       var state_layer = document.getElementById("state"); 
       state_layer.style.right  = margin_right+"px" 
      } 

      function screen_now_size(){ // get screen current size 
       var a=new Array(); 
       if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat'){ 
        a["width"]=document.documentElement.clientWidth; 
        a["height"]=document.documentElement.scrollTop+document.body.clientHeight; 
       }else{ 
        a["width"]=document.body.clientWidth; 
        a["height"]=document.body.scrollTop+document.documentElement.clientHeight; 
        } 
       return a; 
      } 
     </script> 
    </head> 
    <body onload='set()'> 
     <div id='state'></div> 
     <!--for test:--> 
     <br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     <br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     <br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     for test 
    </body> 
    </html>

स्रोत

2010-08-16 05:01:07 MSI

आप jQuery UI Progressbar plugin उपयोग कर सकते हैं में केंद्र और पेज के शीर्ष, और काम में जीमेल की तरह एक लोड प्रगति बार बनाने चाहते हैं। चूंकि आपका पृष्ठ आवश्यक डेटा लोड करता है, प्रगति पट्टी के मान को अपडेट करें।

स्रोत

2010-06-07 03:14:38 Jeff

नहीं, मुझे लोडिंग बॉक्स चाहिए यह दिखाता है कि जब AJAX काम कर रहा है – MSI

@MSI कृपया अपने प्रश्न को स्पष्ट रूप से बताएं कि आप क्या खोज रहे हैं। जैसा कि आपका प्रश्न खड़ा है, AJAX का एकमात्र उल्लेख आपके टैग में से एक में है। –

आपको सर को jQuery के साथ प्राप्त करने के लिए $(document).ajaxStart() और $(document).ajaxStop() का उपयोग करने की आवश्यकता है।

http://api.jquery.com/ajaxStart/
http://api.jquery.com/ajaxStop/

यह आपके वास्तव में क्या ढूंढ नहीं हो सकता है, लेकिन यह मदद से आप आरंभ करने के लिए: http://yensdesign.com/2008/11/how-to-create-a-stylish-loading-bar-as-gmail-in-javascript/

स्रोत

2010-06-07 05:41:34

आप jQueryUI ProgressBar और jQuery FancyBox के मिश्रण का इस्तेमाल करने की आवश्यकता होगी जो सामग्री पकड़ सकते हैं (एक प्रगति पट्टी की तरह)।

स्रोत

2010-06-15 16:25:21 Dominique

कैसे जीमेल लोड हो रहा है प्रगति बार

उत्तर

संबंधित मुद्दे