如何使用CSS在網格視圖的中心顯示UpdateProgress？

Question

需要在位於Ajax更新面板中的網格視圖中央顯示更新進度。有沒有辦法使用CSS（不使用jQuery或Java腳本）將Update progreass控件放置在網格視圖的中心（或者頁面的中心）？

Answer 1

將網格視圖和更新進度HTML放入包裝div中。相對位置div和絕對位置更新進度。

看到這個的jsfiddle，我已經設置了：http://jsfiddle.net/DDdyU/

鍵樣式

.wrapper 
{ 
    position: relative; 
} 
.updateProgress 
{ 
    position:absolute; 
    top: 50%; 
    left: 50%; 
    margin-left: -50px; 
    margin-right: -20px; 
} 

負利潤的更新進度的一半大小。

Answer 2

不只是純CSS，除非absolutely position GridView中間的UpdateProgess div。如果你可以在你的應用程序中使用它，我覺得jQuery會更乾淨。