Đặt Bảng tiến độ cập nhật ở trung tâm

Question

Tôi có một truy vấn liên quan đến bảng tiến trình cập nhật. Tôi muốn phù hợp với bảng tiến trình cập nhật ở giữa màn hình của tôi! Bất cứ ai có thể gợi ý cho tôi, ý tưởng tạo ra nó như thế nào ??

Answer 1

Bạn có thể làm điều đó bằng cách sử dụng 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> 

và bạn phải thanh tiến trình trong div

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

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

Answer 2

Bản cập nhật tiến bộ hiển thị bảng điều khiển một cái gì đó (một số văn bản một hình ảnh một số đánh dấu) trong khi hệ thống đang xử lý ..

Vì vậy, bạn cần phải làm việc với các đánh dấu bạn thêm ..

Ví dụ nếu bạn có một div hiển thị bạn có thể đặt nó ở trung tâm như thế này ..

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

Điều đó sẽ hiển thị div ở giữa hộp chứa của nó.

Full dụ:

<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> 

Tất nhiên bạn nên đặt css vào một file css và áp dụng nó vào một lớp.

Giống như:

///Start css 

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

///End css 

và thay đổi div của bạn để:

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

Answer 3

Nếu bạn sử dụng jQuery, bạn cũng có thể thử (rất nhẹ) fixedcenter plugin.