asp.net 实现进度条 用来显示加载进度或程序处理进度
2016-12-29 00:00
513 查看
private void Page_Load(object sender, System.EventArgs e) { beginProgress(); for (int i = 1; i <= 100; i++) { setProgress(i); //此处用线程休眠代替实际的操作,如加载数据等 System.Threading.Thread.Sleep(50); } finishProgress(); } private void beginProgress() { //根据ProgressBar.htm显示进度条界面 string templateFileName = System.IO.Path.Combine(Server.MapPath("."), "ProgressBar.htm"); System.IO.StreamReader reader = new System.IO.StreamReader(@templateFileName, System.Text.Encoding.GetEncoding("GB2312")); string html = reader.ReadToEnd(); reader.Close(); Response.Write(html); Response.Flush(); } private void setProgress(int percent) { string jsBlock = "<script>SetPorgressBar('" + percent.ToString() + "'); </script>"; Response.Write(jsBlock); Response.Flush(); } private void finishProgress() { string jsBlock = "<script>SetCompleted();</script>"; Response.Write(jsBlock); Response.Flush(); }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="mainWindow"> <head> <title>无标题页</title> <script language="javascript" type="text/javascript"> function SetPorgressBar(pos) { //设置进度条居中 var screenHeight = document.body.offsetHeight; var screenWidth = document.body.offsetWidth; document.getElementById("ProgressBarSide").style.width = Math.round(screenWidth / 2); document.getElementById("ProgressBarSide").style.left = Math.round(screenWidth / 4); document.getElementById("ProgressBarSide").style.top = Math.round(screenHeight / 2); document.getElementById("ProgressBarSide").style.height = "21px"; document.getElementById("ProgressBarSide").style.display = ""; //设置进度条百分比 document.getElementById("ProgressBar").style.width = pos + "%"; document.getElementById("ProgressText").innerHTML = pos + "%"; } //完成后隐藏进度条 function SetCompleted() { document.getElementById("ProgressBarSide").style.display = "none"; } </script> </head> <body> <div id="ProgressBarSide" style="position:absolute;height:21px;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none"> <div id="ProgressBar" style="position:absolute;height:21px;width:0%;background-color: green"></div> <div id="ProgressText" style="position:absolute;height:21px;width:100%;text-align:center"></div> </div> </body> </html>
相关文章推荐
- asp.net 实现进度条 用来显示加载进度或程序处理进度
- asp.net 实现进度条 用来显示加载进度或程序处理进度
- asp.net 读取一个文本文件,并输出到网页显示 通过 一般处理程序实现
- 在ASP处理程序时显示进度
- 使用ASP.NET一般处理程序或WebService返回JSON的实现代码
- Asp.Net实现无刷新文件上传并显示进度条(非服务器控件实现)
- asp.net实现页面的一般处理程序(CGI)学习笔记
- ExtJS+ASP.NET实现真实的进度条显示服务器端长时间操作的进度
- 在ASP处理程序时显示进度
- Asp.Net 用Jquery和一般处理程序实现无刷新上传大文件
- asp.net 使用一般处理程序和ajax post实现登录以及记住密码
- Asp.Net实现无刷新文件上传并显示进度条(非服务器控件实现)(转)
- 自定义HTTP处理程序显示图片(asp.net 2.0)
- 使用asp.net 2.0 客户端回调功能显示后台处理进度
- 通过viewSwitch实现加载进度条到内容显示的转场处理
- ExtJS+ASP.NET实现真实的进度条显示服务器端长时间操作的进度
- asp.net实现页面的一般处理程序(CGI)学习笔记
- asp.net 程序,单击按钮时 同时实现打开页面并处理值
- Asp.Net实现无刷新文件上传并显示进度条(非服务器控件实现)
- asp.net 计划任务管理程序实现,多线程任务加载