如何在 ASP.net 中显示加载页面指示器

本文关键字：加载 指示器 显示 ASP net | 更新日期: 2023-09-27 18:33:55

我需要在页面加载时显示"正在加载"指示器。我正在代码隐藏页面中从其他服务器获取数据并绑定列表视图。我没有使用更新面板，也没有通过 ajax 获取数据。那么我如何显示"正在加载"指示器，因为页面加载时间很长。

提前谢谢。

如何在 ASP.net 中显示加载页面指示器

你创建一个包含div，中间有一个加载 gif。当你开始你的ajax请求时，你显示它（例如jquery），当ajax请求完成时，你隐藏它。
它可能/应该看起来像这样：
显示加载指示器的代码： 

 $('#busy-holder').show();

分部 ：

<div id="busy-holder" style="display: none">
    <div id="busy">
    </div>
</div>

.css：

#busy
{
    position: fixed;
    left: 50%;
    top: 50%;
    background: transparent url("loader.gif");
    z-index: 1000;
    height: 66px;
    width: 66px;
}
#busy-holder
{
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    display: none;
    filter: alpha(opacity=30);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    opacity:0.3;
    -moz-opacity: 0.30; 
    z-index: 1000;
}
相关文章：