Question

我有关于更新进度面板的查询。我想在屏幕中间放置更新进度面板！任何人都可以建议我，这样做的想法是什么？

Answer 1

你可以使用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>

你在div中有进度条

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

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

Answer 2

更新进度面板在系统正在处理时显示某些内容（某些文本图像为某些标记）。

所以你需要使用你添加的标记..

例如，如果你有一个div显示你可以让它像这样在中心..

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

这将在容器的中心显示div。

完整示例：

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

当然你应该把css放到一个css文件中并将它应用到一个类中。

像：

///Start css

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

///End css

并将您的div更改为：

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

Answer 3

如果您使用jQuery，您也可以尝试（非常轻量级）fixedcenter plugin。

将更新进度面板置于中心

3 个答案: