在ASP.NET中显示进度条

asp.net|显示

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

新建项目,名字为WebPortal,在项目类型中选择Visual C#项目或者Visual Basic项目都可;
在模板类型中选择ASP.NET Web应用程序;
位置里输入:http://localhost/WebPortal;
添加新项:名字为ShowProgress的Web窗体。
在您的Web窗体ShowProgress.aspx上添加任何其他的Web服务器控件。
在ShowProgress.aspx上单击右键,点“查看代码”,在最上面输入:
Visual C# .NET代码
using System.Threading;

Visual Basic .NET代码
Imports System.Threading

在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)

在ShowProgress.aspx窗体的html的中输入:
<script>
HideWait();
</script>

点在浏览器中查看即可。

时间: 2024-11-03 01:21:13

在ASP.NET中显示进度条的相关文章

Asp.net中带进度条的批量静态页生成

asp.net|静态 Asp.net中带进度条的批量静态页生成 namespace WDFROG.BLL...{    public delegate void CreateHtmlHandler(string fileName,string msg,int percent );    public class News    ...{        private const string C_ERR_MSG = "You have no rights!";        priva

C#实现在弹出窗口中显示进度条

在C#中要实现显示进度条,只要通过C#子线程控制进度条即可.至于弹出一个模式窗口来 显示进度条,则可以按照子线程的思路稍作修改. C#进度条窗体 首先是进度条窗体,需要在上面添加进度条,然后去掉ControlBox.除此外,还要增加一 个方法,用来控制进度条的增加幅度,具体如下: /// < summary> /// Increase process bar /// < /summary> /// < param name="nValue">the

asp.net 中 FileUploadProgress 进度条在本地中可以使用 ,为何部署到服务器上以后运行时报500错误

问题描述 报错原因:是因为下面的代码去掉如上代码后程序可以正常使用,但是进度条就会出错,该如何解决呀???? 解决方案 解决方案二:对应的dll有没有部署上去?解决方案三:你用fidler或者浏览器的开发者工具查看一下response的信息,服务器500,应该只是响应头的信息,响应体还有详细信息.或许是你的上传的dll没部署好或者dll本身问题.解决方案四:这出错信息,太少,不好分析啊解决方案五:我的dll部署上去了呀解决方案六:各位高手提出的解决方案我会一个一个的去试不管如何都谢谢各位的指导解

在查询页面中显示进度条,在数据load成功后隐去进度条

数据|显示|页面 <script language="javascript">function onSubmit() {  var waitingInfo = document.getElementById(getNetuiTagName("waitingInfo"));  waitingInfo.style.display = ""; //show the ProgressBar  progress_update();    //b

ASP上传的进度条实时反映上传情况

asp中使用组件上传时,有点麻烦就是不知道上传进度是多少,虽然有的提供了上传进度条,例如abcupload(下载地址:http://www.websupergoo.com)已经提供了显示当前上传状态的方法,里面就有专门的实例(在安装目录的Examples下面的progressupload.htm),它是提交数据的同时弹出一个反映进度的页面(progressbar.asp) 然后通过这个页面自刷新来每隔一点时间获取当时的上传状态,然后把它们显示出来,但是用页面自刷新的方法效率比较低,不不好调节刷新

在ASP处理程序时显示进度

用过软件的朋友都知道,进度条是一个优秀软件的重要组成部分.它的存在能够使用户及时掌握程序的运行进度,确认应用程序正常工作.可是ASP中似乎没有上述标准控件,控制起来也比较麻烦. 那幺如何实现进度条呢? 以下是本人的一些观点(仅供参考) 我们通常在用ASP处理程序(指的是写文件或操作数据库)的时候,会专门用一个页面(*.asp)去处理或控制这些程序,当处理完毕的时候再跳转到显示页面.这时我们就可以通过这些处理页面显示进度条.其方法是根据程序处理的进度依次画一百张同样的图形(如有颜色的矩形),从而形

在ASP处理程序时显示进度_应用技巧

用过软件的朋友都知道,进度条是一个优秀软件的重要组成部分. 它的存在能够使用户及时掌握程序的运行进度,确认应用程序正常工作.可是ASP中似乎没有上述标准控件,控制起来也比较麻烦. 那幺如何实现进度条呢? 以下是本人的一些观点(仅供参考) 我们通常在用ASP处理程序(指的是写文件或操作数据库)的时候,会专门用一个页面(*.asp)去处理或控制这些程序,当处理完毕的时候再跳转到显示页面.这时我们就可以通过这些处理页面显示进度条.其方法是根据程序处理的进度依次画一百张同样的图形(如有颜色的矩形),从而

关于开一新进程显示进度条的问题

问题描述 本人C#新手,网上找到一段代码适合VB.net的,如下:#Region"---------------再开一个线程显示进度条---------------"PrivateSubwaitstart()Me.Cursor=Cursors.WaitCursorBackgroundWorker1.RunWorkerAsync()EndSubPrivateSubwaitend()BackgroundWorker1.CancelAsync()Me.Cursor=Cursors.Defau

WEB应用程序中的进度条

web|程序 WEB应用程序中的进度条 Julien Cheyssial 写作于2003/10/01 Joise.LI翻译并修改于2004-4-2 写在前面: 原文是我在需要使用进度条时找到的一篇文章,讲解详细并附有实例.我在原文的基础上加上了自己的修改:增加了线程处理并且将进度条的使用放到了子线程中处理.这是我第一次翻译文章,敬请各位指正.原文见于http://www.myblogroll.com/Articles/progressbar/,请对照参考. 谁说在WEB应用程序中不能使用进度条?