<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProgramBar.aspx.cs" Inherits="Example.Example.ProgramBar" %><!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" ><head runat="server"> <title>进度条实例</title></head><body> <form id="form1" runat="server"> <script type="text/javascript"> //开始 function BeginTrans(msg) ...{ ViewText("topMsg",msg); } //显示加载进度 function ProgramBarInfo(msg,pos) ...{ programBar.style.width= pos + "%"; ViewText("topMsg",msg + " 已完成" + pos + "%"); } //设置加载时间 function SetProgramBarTime(msg) ...{ ViewText("bottomMsg",msg); } //加载结束 function EndTrans(msg) ...{ if(typeof(msg)=="undefined") ViewText("topMsg","完成"); else ViewText("topMsg",msg); } //显示文本 function ViewText(id,msg) ...{ var strTag = '<font face="Verdana, Arial, Helvetica" size="2" color="#ea9b02"><B>' + msg + '</B></font>'; if (document.all) document.all[id].innerHTML = strTag; } </script> <div style="text-align:center"> <div id="topMsg" style="width:30%;">正在加载.......</div> <div style="border:solid 1px #CCC;width:30%; text-align:left" id="ProgramSide"> <div id="programBar" style="height:30px; background-color:#316AC5;width:0px;"></div> </div> <div id="bottomMsg" style="width:30%;"></div> </div> <div> <%=response %> </div> </form> </body></html> using System;using System.Collections;using System.Configuration;using System.Data;using System.Linq;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Xml.Linq;namespace Example.Example...{ public partial class ProgramBar : System.Web.UI.Page ...{ public static string response; protected void Page_Load(object sender, EventArgs e) ...{ if (!IsPostBack) ...{ DateTime startTime = DateTime.Now; DateTime endTime = DateTime.Now; string jsBlock; // 处理完成 response += "<script type="text/javascript">BeginTrans('开始处理...');</script> "; // Response.Write(jsBlock); System.Threading.Thread.Sleep(1000); // 根据处理任务处理情况更新进度条 for (int i = 1; i <= 100; i++) ...{ System.Threading.Thread.Sleep(20); response += "<script type="text/javascript">ProgramBarInfo('" + "A" + i.ToString() + "','" + i.ToString() + "');</script> "; //Response.Write(jsBlock); } // 处理完成 response += "<script type="text/javascript">EndTrans('处理完成。');</script> "; //Response.Write(jsBlock); // 用时 endTime = DateTime.Now; response += "<script type="text/javascript">SetProgramBarTime('用时" + GetTimeSpan(startTime, endTime) + "');</script>"; //Response.Write(jsBlock); } } protected string GetTimeSpan(DateTime startTime, DateTime endTime) ...{ string timeSpan = string.Empty; TimeSpan ts = endTime - startTime; if (ts.Days > 0) timeSpan += ts.Days.ToString() + "天"; if (ts.Hours > 0) timeSpan += ts.Hours.ToString() + "小时"; if (ts.Minutes > 0) timeSpan += ts.Minutes.ToString() + "分钟"; if (ts.Seconds > 0) timeSpan += ts.Seconds.ToString() + "秒"; return timeSpan; } }}