gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 23:32:50 25 4
gpt4 key购买 nike

我有一个很长的 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;
}

关于asp.net - 在asp.net页面加载时显示gif,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7235722/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com