`
atoooo
  • 浏览: 12647 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

asp.net 页面加载进度

asp 
阅读更多
 
  1. private void Page_Load(object sender, System.EventArgs e)  
  2. {  
  3.     beginProgress();  
  4.     for (int i = 1; i <= 100; i++)  
  5.     {  
  6.         setProgress(i);  
  7.         //此处用线程休眠代替实际的操作，如加载数据等     
  8.         System.Threading.Thread.Sleep(50);  
  9.     }  
  10.   
  11.     finishProgress();  
  12. }     
  13.   
  14. private void beginProgress()  
  15. {  
  16.     //根据ProgressBar.htm显示进度条界面     
  17.     string templateFileName = System.IO.Path.Combine(Server.MapPath("."), "ProgressBar.htm");  
  18.     System.IO.StreamReader reader = new System.IO.StreamReader(@templateFileName, System.Text.Encoding.GetEncoding("GB2312"));  
  19.     string html = reader.ReadToEnd();  
  20.     reader.Close();  
  21.     Response.Write(html);  
  22.     Response.Flush();  
  23. }  
  24.   
  25. private void setProgress(int percent)  
  26. {  
  27.     string jsBlock = "<script>SetPorgressBar('" + percent.ToString() + "'); </script>";  
  28.     Response.Write(jsBlock);  
  29.     Response.Flush();  
  30. }  
  31.   
  32. private void finishProgress()  
  33. {  
  34.     string jsBlock = "<script>SetCompleted();</script>";  
  35.     Response.Write(jsBlock);  
  36.     Response.Flush();  
  37. }  

[html] view plaincopyprint?
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" id="mainWindow">  
  3. <head>  
  4.     <title>无标题页</title>  
  5.     <script language="javascript" type="text/javascript">  
  6.         function SetPorgressBar(pos) {  
  7.             //设置进度条居中  
  8.             var screenHeight = document.body.offsetHeight;  
  9.             var screenWidth = document.body.offsetWidth;  
  10.             document.getElementById("ProgressBarSide").style.width = Math.round(screenWidth / 2);  
  11.             document.getElementById("ProgressBarSide").style.left = Math.round(screenWidth / 4);  
  12.             document.getElementById("ProgressBarSide").style.top = Math.round(screenHeight / 2);  
  13.             document.getElementById("ProgressBarSide").style.height = "21px";  
  14.             document.getElementById("ProgressBarSide").style.display = "";  
  15.   
  16.             //设置进度条百分比                         
  17.             document.getElementById("ProgressBar").style.width = pos + "%";  
  18.             document.getElementById("ProgressText").innerHTML = pos + "%";  
  19.         }  
  20.   
  21.         //完成后隐藏进度条  
  22.         function SetCompleted() {  
  23.             document.getElementById("ProgressBarSide").style.display = "none";  
  24.         }  
  25.      </script>    
  26. </head>  
  27.     <body>  
  28.     <div id="ProgressBarSide" style="position:absolute;height:21px;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none">  
  29.         <div id="ProgressBar" style="position:absolute;height:21px;width:0%;background-color: green"></div>  
  30.         <div id="ProgressText" style="position:absolute;height:21px;width:100%;text-align:center"></div>  
  31.     </div>  
  32.     </body>  
  33. </html>  

注意：

1. Response.Write() 中的内容必须大于256字节，Flush 才有效.

 

分享到：
| c++
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    在ASP.NET中显示进度条

    对于加载时间比较长的ASP.NET页面，我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程： 　 　1.新建项目，名字为WebPortal，在项目类型中选择Visual C#项目或者Visual Basic项目都可...

    asp.net知识库

    在ASP.NET页面中推荐使用覆写（Override）而不是事件处理（Event Handler） 常用编码工具类,支持base64,md5,des,crc32 也谈谈技术面试 在C#里把ArrayList转换为Array 或 把Array转换为ArrayList C# 2.0 在.NET 2.0中...

    ASP.NET 3.5 开发大全

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    ASP.NET3.5从入门到精通

    第 4 章 ASP.NET 的网页代码模型及生命周期 4.1 ASP.NET 的网页代码模型 4.1.1 创建ASP.NET 网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET 网站和ASP.NET 应用...

    ASP.NET 3.5 开发大全word课件

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    ASP.NET 3.5 开发大全11-15

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    ASP.NET 3.5 开发大全1-5

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    从SQL Server表中单击按钮，在ASP.NET Gridview中加载更多记录

    在本文中，我将演示如何按需获取更多数据，即在每次单击按钮时从SQL Server数据库表中获取更多记录，并使用等待/进度/加载图像在GridView中加载，如ASP.NET中的图像所示，使用C＃和VB语言。

    ASP.NET上传FTP真的进度条，文件流形式上传

    C#写的ASP.NET上传到FTP上，文件，文件夹都可以。 首先，选择本地文件或者文件夹，然后点击上传按钮以后，有一个压缩过程，该过程也有一个实时更新的进度条，并可以显示压缩所需的实时更新的剩余时间，压缩完成以后...

    asp.net 生成静态页时的进度条显示

    本文侧重点在讲解生成静态页的“进度条”，所以将采用模拟的方法。生成静态时需要生成的文章必须非常多，否则进度条可能一闪而过，看不到效果。

    BlazorProgressIndicator:ASP.NET Blazor的简单加载指示器

    易于使用的Microsoft ASP.NET Core Blazor加载指示器 演示版 为什么我创建这个 有时您需要从（慢速）服务器检索数据，或对大量数据进行排序。 当然，您可以在加载时什么也不显示，或者自己做一些在完成工作时显示...

    Asp.net控制Tomcat启动关闭的实现方法

    一、场景 近日有个项目客户要求能自己配置相关权限。...所以我们要能通过网页控制Tomcat的关闭启动，并加载进管理员系统中。 首先分析Tomcat的启动方式。在Tomcat6.0的bin目录下有两个批处理文件。startup.bat和

    ASPNET35开发大全第一章

    第4章 ASP.NET的网页代码模型及生命周期 4.1 ASP.NET的网页代码模型 4.1.1 创建ASP.NET网站 4.1.2 单文件页模型 4.1.3 代码隐藏页模型 4.1.4 创建ASP.NET Web Application 4.1.5 ASP.NET网站和ASP.NET应用程序的区别...

    支持.Net和.Net Core的网站框架ZKWeb.zip

    可以大幅提升页面的响应速度IoC容器轻量且快速默认支持使用属性注册程序集中的类型到容器支持构造函数注入支持多个框架的托管支持托管在Asp.Net支持托管在Asp.Net Core支持托管在Owin插件不需要理会托管在哪个框架，...

    asp.net javascript 文件无刷新上传实例代码第1/2页

    在新增数据项的时候，用ajax实现无刷新提交，但上传文件的时候，由于数据类型原因，不能将页面的&lt;asp&gt;中以字符串值的方式传到js里调用。我一共找到了两个方法予以解决，实现无刷新上传。 第一种方法：利用js的ADODB....

    详解C#委托,事件与回调函数

    无论在ASP.NET还是WINFrom开发中，窗体加载(Load),绘制(Paint),初始化(Init)等等。 “protected void Page_Load(object sender, EventArgs e)”这段代码相信没有人不熟悉的。细心一点一定会发现，非常多的事件方法都...

Magicbox
Global site tag (gtag.js) - Google Analytics