yükleme ilerleme çubuğu

gibi Gmail'i yapmak nasıl tüm tarayıcılardayükleme ilerleme çubuğu

2010-06-07 MSI

karşılama için SO temel kodudur. Genelde, probleminizi daha küçük parçalara ayırabiliyorsanız ve şu ana kadar yaptığınız işi ve bununla ilgili problemleriniz olduğunu gösterirseniz, insanlar yardım etmeye daha istekli olurlar. Sana iyi şanslar. – bernie

[sayfa yüklenirken Gmail tarzı ilerleme çubuğu] 'nın olası kopyası (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>

kaynak

2010-08-16 05:01:07 MSI

Sen jQuery UI Progressbar plugin kullanabilirsiniz merkezde ve sayfanın üst, ve çalışmalarında Gmail gibi bir yükleme ilerleme çubuğu oluşturmak istiyorum. Sayfanız gereken verileri yükledikçe, ilerleme çubuğunun değerini güncelleyin.

kaynak

2010-06-07 03:14:38 Jeff

no yükleme kutusunu istiyorum ajax çalışırken ne olduğunu gösterir – MSI

@MSI Lütfen neyi aradığınızı açıkça belirtmek için sorunuzun cevabını verin. Sorunuzun söylediği gibi, ajax'ın tek sözü etiketlerinizden biridir. –

Sen sir jQuery ile bunu sağlamak için $(document).ajaxStart() ve $(document).ajaxStop() kullanmak gerekir.

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

Bu senin arayan değil tam olarak ne olabilir, ama o başlamanıza yardımcı olacaktır: http://yensdesign.com/2008/11/how-to-create-a-stylish-loading-bar-as-gmail-in-javascript/

kaynak

2010-06-07 05:41:34

Sen jQueryUI ProgressBar ve jQuery FancyBox bir karışımını kullanmak gerekecektir içeriği tutabilir (bir ilerleme çubuğu gibi).

kaynak

2010-06-15 16:25:21 Dominique

yükleme ilerleme çubuğu

cevap

İlgili konular