Dokonywanie aktualizacji panelu Postęp w środku

Question

Mam pytanie dotyczące panelu postępu aktualizacji. Chcę dopasować panel postępu aktualizacji na środku mojego ekranu! Czy ktoś może zasugerować mi, jaki jest pomysł, aby tak zrobić?

Answer 1

Można to zrobić za pomocą css

<style type="text/css" media="screen"> 
/* commented backslash hack for ie5mac \*/ 
html, body{height:100%;} 
/* end hack */ 
.CenterPB{ 
position: absolute; 
left: 50%; 
top: 50%; 
margin-top: -30px; /* make this half your image/element height */ 
margin-left: -30px; /* make this half your image/element width */ 
} 
</style> 

i masz pasek postępu w div

<div class="CenterPB" style="height:60px;width:60px;" >Progress bar here</div> 

referencyjny:
http://www.sitepoint.com/forums/1243542-post9.html
http://www.search-this.com/2008/05/15/easy-vertical-centering-with-css/

Answer 2

Postęp aktualizacji wyświetlaczy panelowych coś (jakiś tekst obraz niektórych znaczników), podczas gdy system przetwarza ..

Więc trzeba pracować ze znacznikami Państwo dodać ..

Na przykład, jeśli masz div, który wyświetla można dostać się w środku tak ..

<div style="width:200px;margin:0 auto;">Processing...</div> 

to spowoduje wyświetlenie div w centrum jego kontenera.

Pełny przykład:

<asp:UpdatePanel ID="updatepnl1" runat="server"> 
    <ContentTemplate> 
     <asp:GridView id="gv1" runat="server"> 
     </asp:GridView> 
     <asp:UpdateProgress id="UpdateProg" runat="server"> 
      <ProgressTemplate> 
       <div style="width:200px;margin:0 auto;">Processing...</div> 
      </ProgressTemplate> 
     </asp:UpdateTemplate> 
    </asp:ContentTemplate> 
</asp:UpdatePanel> 

Oczywiście należy umieścić w pliku css css i zastosować go do klasy.

odczuwalna:

///Start css 

.posCentre{width:200px;margin:0 auto;} 

///End css 

i zmienić div:

<div class="posCentre">Processing...</div> 

Answer 3

Jeśli używasz jQuery, można także spróbować (bardzo lekka) fixedcenter plugin.