WEB应用程序中的进度条

WEB应用程序中的进度条
Julien Cheyssial 写作于2003/10/01
Joise.LI翻译并修改于2004-4-2

写在前面：
原文是我在需要使用进度条时找到的一篇文章，讲解详细并附有实例。我在原文的基础上加上了自己的修改：增加了线程处理并且将进度条的使用放到了子线程中处理。这是我第一次翻译文章，敬请各位指正。原文见于http://www.myblogroll.com/Articles/progressbar/，请对照参考。


谁说在WEB应用程序中不能使用进度条？我认为能。本文将介绍在服务端长时间的处理过程中通过使用进度条提高WEB应用程序的质量和界面友好度。事实上，如果一个WEB应用程序一直运行在无状态和无连接状态下，用户很容易认为事情已经结束了。但是本文介绍的不使用任何ActiveX控件和乱七八糟的Java Applets的进度条将有助于改善这点。

在一个WEB应用程序中能够使用进度条的关键是浏览器有能力在所有页面加载完之前显示页面。我们将使用这点特性来有步骤的生成并且发送页面给客户端。首先，我们将使用HTML生成一个完美并且漂亮的进度条，然后我们动态的发送Javascript块以更新进度条。当然，以上的所有内容都是在断开用户请求之前实现的。在C#中，Response.Write允许我们加入自定义内容到缓存区并且Response.Fluse()允许我们把所有缓存区中的内容发送到用户的浏览器上。

第一步：
第一步让我们来建立一个进度条页面，我们使用progressbar.aspx。如上所述，我们逐步生成并发送页面到客户端。首先，我们将使用HTML生成一个完美并且漂亮的进度条。所需要的HTML代码我们可以从事先定义的progressbar.htm中获取，所以，第一件事情是装载它并且将数据流发送到客户端的浏览器，在progressbar.aspx的Page_Load中加入如下几行：
string strFileName = Path.Combine( Server.MapPath("./include"), "progressbar.htm" );