在ASP.NET中显示进度条

原创 2004年04月19日 19:03:00

在ASP.NET中显示进度条

孟宪会之精彩世界

对于加载时间比较长的ASP.NET页面,我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程:

  1. 新建项目,名字为WebPortal,在项目类型中选择Visual C#项目或者Visual Basic项目都可;
  2. 在模板类型中选择ASP.NET Web应用程序;
  3. 位置里输入:http://localhost/WebPortal;
  4. 添加新项:名字为ShowProgress的Web窗体。
  5. 在您的Web窗体ShowProgress.aspx上添加任何其他的Web服务器控件。
  6. 在ShowProgress.aspx上单击右键,点“查看代码”,在最上面输入:
    Visual C# .NET代码 using System.Threading; Visual Basic .NET代码 Imports System.Threading
  7. 在Page_Load事件里输入: Visual C# .NET代码 Response.Write("<div id='mydiv' >"); Response.Write("_"); Response.Write("</div>"); Response.Write("<script>mydiv.innerText = '';</script>"); Response.Write("<script language=javascript>;"); Response.Write("var dots = 0;var dotmax = 10;function ShowWait()"); Response.Write("{var output; output = '正在装载页面';dots++;if(dots>=dotmax)dots=1;"); Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText = output;}"); Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; "); Response.Write("window.setInterval('ShowWait()',1000);}"); Response.Write("function HideWait(){mydiv.style.visibility = 'hidden';"); Response.Write("window.clearInterval();}"); Response.Write("StartShowWait();</script>"); Response.Flush(); Thread.Sleep(10000); Visual Basic .NET代码 Response.Write("<div id='mydiv' >") Response.Write("_") Response.Write("</div>") Response.Write("<script>mydiv.innerText = '';</script>") Response.Write("<script language=javascript>;") Response.Write("var dots = 0;var dotmax = 10;function ShowWait()") Response.Write("{var output; output = '正在装载页面';dots++;if(dots>=dotmax)dots=1;") Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText = output;}") Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ") Response.Write("window.setInterval('ShowWait()',1000);}") Response.Write("function HideWait(){mydiv.style.visibility='hidden';") Response.Write("window.clearInterval();}") Response.Write("StartShowWait();</script>") Response.Flush() Thread.Sleep(10000)
  8. 在ShowProgress.aspx窗体的html的中输入: <script> HideWait(); </script>
  9. 点在浏览器中查看即可。

 

asp.net 实现进度条 用来显示加载进度或程序处理进度

private void Page_Load(object sender, System.EventArgs e) { beginProgress(); for...
  • smartsmile2012
  • smartsmile2012
  • 2012年11月09日 16:29
  • 8594

实现winfrom进度条及进度信息提示

1、方法一:使用线程      功能描述:在用c#做WinFrom开发的过程中。我们经常需要用到进度条(ProgressBar)用于显示进度信息。这时候我们可能就需要用到多线程,如果不采用多线程...
  • ym296900664
  • ym296900664
  • 2016年08月12日 15:44
  • 11848

简单实现asp.net进度条

程序中为了让更直观的反映命令执行的进度,考虑使用进度条,但是asp.net中没有专门的进度条控件,在网上搜了一下,实现方法都很复杂,就自己动手做了一个,实现起来其实也很简单。效果如图:前台代码 用两层...
  • zhichao2001
  • zhichao2001
  • 2011年07月17日 23:24
  • 10093

C# asp.net与jquery做ajax简单进度条

一直以为response.Flush() 可以实现。。。。发现不行的 最后还是采用了全局参数保存到 cahe 来做了 setCahe.ashx 模拟操作的事件进度 public voi...
  • livelymoon
  • livelymoon
  • 2015年08月28日 11:47
  • 755

asp.net实现进度条

  • 2016年11月14日 10:15
  • 2KB
  • 下载

asp.net多线程,执行真实时间与百分比的进度条

asp.net利用多线程执行长时间的任务,客户端显示任务执行的真实时间与百分比。 在asp.net中执行一个长时间的操作,有的时候需要在在客户端有一个反馈能了解到任务的执行进度,大致看了一下有这么几种...
  • lovegonghui
  • lovegonghui
  • 2015年11月11日 09:22
  • 1247

实现GridView 里的进度条

 在一些项目管理系统里经常要用一个进度条去动态显示当前项目进展情况,那如何在GridView里实现进度条呢?首先要有一个百分比(如根据当前的情况和原先计划的工期计算一个项目完成的百分比),然后根据这个...
  • hakule
  • hakule
  • 2008年11月17日 21:26
  • 5194

Asp.net实现进度条完整功能(附源码)

  • 2017年11月29日 16:04
  • 61KB
  • 下载

ASP.NET实现进度条

在网上查阅了很多相关资料,参照对比一番后自己整理了一下,做了个小例子。能够实现根据后台数据加载的进度在前台动态更新进度条、进度条在页面居中显示、在进度条内显示百分比,完成进度后隐藏进度条。个人感觉还是...
  • zlwzlwzlw
  • zlwzlwzlw
  • 2015年02月05日 17:02
  • 1554

ASP.NET实现进度条

在网上查阅了很多相关资料,参照对比一番后自己整理了一下,做了个小例子。能够实现根据后台数据加载的进度在前台动态更新进度条、进度条在页面居中显示、在进度条内显示百分比,完成进度后隐藏进度条。个人感觉还是...
  • u011233568
  • u011233568
  • 2015年01月29日 16:47
  • 246
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在ASP.NET中显示进度条
举报原因:
原因补充:

(最多只允许输入30个字)