在加载asp.net页面时显示gif

发布时间：2020-12-15 20:19:32 所属栏目：asp.Net 来源：网络整理

导读：我有一个冗长的ASP.NET页面加载过程. 有没有办法在ASP.NET页面加载时显示加载gif？显然,我无法在页面本身上使用图像,当我通过“加载…”图片加载“虚拟页面”时,一旦我将用户重定向到真实页面,该页面就会被丢弃. . 任何线索？谢谢解决方法您可以为此使用U

我有一个冗长的ASP.NET页面加载过程.

有没有办法在ASP.NET页面加载时显示加载gif？

显然,我无法在页面本身上使用图像,当我通过“加载…”图片加载“虚拟页面”时,一旦我将用户重定向到真实页面,该页面就会被丢弃. .

任何线索？谢谢

解决方法

您可以为此使用UpdateProgress控件,如下所示：

<asp:UpdateProgress ID="prgLoadingStatus" runat="server" DynamicLayout="true">
    <ProgressTemplate>
        <div id="overlay">
            <div id="modalprogress">
                <div id="theprogress">
                    <asp:Image ID="imgWaitIcon" runat="server" ImageAlign="AbsMiddle" ImageUrl="/images/wait.gif" />
                    Please wait...
                </div>
            </div>
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

以下是您可以使用的一些样式,如果您希望它是半透明的：

#overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
}            
#theprogress {
    background-color: #fff;
    border:1px solid #ccc;
    padding:10px;
    width: 300px;
    height: 30px;
    line-height:30px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
#modalprogress {
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -11px 0 0 -150px;
    color: #990000;
    font-weight:bold;
    font-size:14px;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!