如何使用CSS在网格视图的中心显示UpdateProgress？

Question

需要在放置在Ajax更新面板中的网格视图的中心显示更新进度.有没有办法使用CSS(不使用jQuery或Java Script)将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;
}

负边距是更新进度的一半.