(转)页面加载时间进度条

ASP.NET 查询加载进度条

一、前台代码

<DIV id="Lay1" style="Z-INDEX: 101; LEFT: 0.92%; VISIBILITY: hidden; WIDTH: 99%; CURSOR: crosshair; POSITION: absolute; TOP: 32px; HEIGHT: 95%; BACKGROUND-COLOR: #ffffff"><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><FONT face="宋体"></FONT><br>
    
<b><font color="#800080" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;正在检索数据,请稍候</font></b>
    
<table align="center">
     
<tr>
      
<td>
       
<div style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid"><span id="progress1">&nbsp;</span>
        
<span id="progress2">&nbsp;</span> <span id="progress3">&nbsp;</span> <span id="progress4">
         
&nbsp;</span> <span id="progress5">&nbsp;</span> <span id="progress6">&nbsp;</span>
        
<span id="progress7">&nbsp;</span> <span id="progress8">&nbsp;</span> <span id="progress9">
         
&nbsp;</span> <span id="progress10">&nbsp;</span> <span id="progress11">&nbsp;</span>
        
<span id="progress12">&nbsp;</span> <span id="progress13">&nbsp;</span><span id="progress14">&nbsp;</span><span id="progress15">&nbsp;</span>
       
</div>
      
</td>
     
</tr>
    
</table>
ExpandedBlockStart.gifContractedBlock.gif    
<script language="javascript">
var progressEnd = 15;  // set to number of progress <span>'s.
var progressColor = 'blue'// set to progress bar color
var progressInterval = 300// set to time between updates (milli-seconds)

var progressAt = progressEnd;
var progressTimer;
ExpandedSubBlockStart.gifContractedSubBlock.gif
function progress_clear() {
 
for (var i = 1; i <= progressEnd; i++) document.getElementById('progress'+i).style.backgroundColor = 'transparent';
 progressAt 
= 0;
}

ExpandedSubBlockStart.gifContractedSubBlock.gif
function progress_update() {
 progressAt
++;
 
if (progressAt > progressEnd) progress_clear();
 
else document.getElementById('progress'+progressAt).style.backgroundColor = progressColor;
 progressTimer 
= setTimeout('progress_update()',progressInterval);
}

ExpandedSubBlockStart.gifContractedSubBlock.gif
function progress_stop() {
 clearTimeout(progressTimer);
 progress_clear();
}

//progress_update();  // start progress bar
    
</script>
   
</DIV>
   
<asp:Button id="but_find" style="Z-INDEX: 102; LEFT: 160px; POSITION: absolute; TOP: 0px" runat="server"
    Text
="查询" Width="120px"></asp:Button>

 

二、.cs代码:

private void Page_Load(object sender, System.EventArgs e)
ExpandedBlockStart.gifContractedBlock.gif  
{
   
if(!IsPostBack)
ExpandedSubBlockStart.gifContractedSubBlock.gif   
{
    but_find.Attributes.Add(
"onClick""Lay1.style.visibility='';progress_update();");
       }

  }


  
public void scriptjdt(System.Web.UI.Page objPage  , string strValue )
ExpandedBlockStart.gifContractedBlock.gif     
{
  
string jb ;
        jb 
= "<script language='JavaScript'>" + strValue + "</script>";
  objPage.RegisterStartupScript(
"jdt_ok", jb);
  }


ContractedBlock.gifExpandedBlockStart.gif  
Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
  
override protected void OnInit(EventArgs e)
ExpandedSubBlockStart.gifContractedSubBlock.gif  
{
   
//
   
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   
//
   InitializeComponent();
   
base.OnInit(e);
  }

  
ExpandedSubBlockStart.gifContractedSubBlock.gif  
/**//// <summary>
  
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
  
/// 此方法的内容。
  
/// </summary>

  private void InitializeComponent()
ExpandedSubBlockStart.gifContractedSubBlock.gif  
{   
   
this.but_find.Click += new System.EventHandler(this.but_find_Click);
   
this.Load += new System.EventHandler(this.Page_Load);  }

  
#endregion


  
private void but_find_Click(object sender, System.EventArgs e)
ExpandedBlockStart.gifContractedBlock.gif  
{
  
this.scriptjdt(this"Lay1.style.visibility='hidden';progress_stop();");  
  }


转载于:https://www.cnblogs.com/xiachufeng/archive/2010/08/31/1813983.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值