Ajax 进度条设置（UpdateProgress）

最新推荐文章于 2022-04-06 22:34:09 发布

neil

最新推荐文章于 2022-04-06 22:34:09 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.net 文章标签： ajax filter assembly server border asp

本文链接：https://blog.youkuaiyun.com/shulianyong/article/details/5287423

ASP.net 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用 ASP.NET 实现一个带有进度提示的弹窗，通过 UpdateProgress 控件展示加载状态，并利用 AlwaysVisibleControlExtender 确保弹窗始终可见。样式兼容 IE 浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="act" %> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .backDiv { filter: alpha(opacity=30); /*IE*/ opacity: 0.3; background-color: #666; position: absolute; text-align: center; vertical-align: middle; left:0px; top: 0; z-index: 100009; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30); border: none; width:expression(window.screen.availWidth); height:expression(document.body.clientHeight); } .BlockArea { border: solid 1px #5BA5BD; margin-left: auto; margin-right: auto; background-color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .BlockArea_HeadTr { background-image: url(../../../Images/GridView/BlockAreaTitle.gif); background-color:Transparent; background-repeat:repeat; height: 25px; color: #2B546A; font-weight: bold;}</style> <asp:Panel ID="pnlProgress" runat="server"> <asp:UpdateProgress ID="ProgressPopup" runat="server" DisplayAfter="50" DynamicLayout="true"> <ProgressTemplate> <div class="backDiv" id="backDiv"> <iframe width="100%" height="100%" style="filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30);" mce_style="filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30);" frameborder="0" scrolling="no"></iframe> </div> <asp:Panel ID="pnlPopup" Visible="true" runat="server" Width="298px" Style="z-index: 100010;" mce_Style="z-index: 100010;"> <table class="BlockArea" cellpadding="0" cellspacing="0" width="100%"> <tr class="BlockArea_HeadTr"> <td style="text-align: left; text-indent: 10px;" mce_style="text-align: left; text-indent: 10px;"> <asp:Localize ID="locSearchTitle" runat="server" Text="Loading, please wait..."></asp:Localize> </td> </tr> <tr> <td align="center" valign="middle" style="text-align: center; height: 50px;"> <asp:Image ID="imgProgressBar" runat="server" ImageUrl="../../images/WaitingFrame/ProgressBar.gif" /> </td> </tr> </table> </asp:Panel> </ProgressTemplate> </asp:UpdateProgress> <act:AlwaysVisibleControlExtender ID="avce" runat="server" TargetControlID="pnlPopup" VerticalSide="Middle" HorizontalSide="Center" ScrollEffectDuration="0.2" Enabled="True" /> </asp:Panel>

BlockAreaTitle.gif

ProgressBar.gif