在页面中间显示Ajax UpdateProgress

Question

我正在使用Ajax UpdateProgress控件.虽然它正如我预期的那样工作,但我希望它出现在页面的中心.我怎么做

<asp:UpdateProgress runat="server"
      id="PageUpdateProgress" DisplayAfter=0
      DynamicLayout=true>
   <ProgressTemplate>
      <div>
         <img src="../Images/load.gif" />           
     </div>
   </ProgressTemplate>
</asp:UpdateProgress>

Answer 1

谢谢Jaidev,非常方便的帖子!

可能需要一段时间才能使css恰到好处,所以为了简化其他人的解决方案,您只需要以下内容(对于updateprogress中间定位):

<div style="position:absolute; width:100%;height:100%;"></div>

并为图像:

<img style="position:relative; top:45%;" />

Answer 2

在你的div中使用这种风格:

style="position:absolute;visibility:visible;border:none;z-index:100;width:100%;height:100%;background:#999;filter: alpha(opacity=80);-moz-opacity:.8; opacity:.8;"

并在你的img中使用这种风格:

style="top:48%; left:42%; position:relative;"