Common/HtmlProgressBar.cs

微信扫码关注公众号，代码整理好后第一时间通知你。

using System;
using System.Collections.Generic;
using System.Text;
using System.Web;



/// <summary>
/// 网页进度条
/// </summary>
public class HtmlProgressBar
{
    /// <summary>
    /// 进度条的初始化
    /// </summary>
    public static void Start()
    {
        Start("正在加载...");
    }
    /// <summary>
    /// 进度条的初始化
    /// </summary>
    /// <param name="msg">最开始显示的信息</param>
    public static void Start(string msg)
    {
        string s = "<html xmlns=\"http://www.w3.org/1999/xhtml\">\r\n<head>\r\n<title></title>\r\n<style>body {text-align:center;margin-top: 50px;}#ProgressBarSide {height:25px;border:1px #2F2F2F;width:65%;background:#EEFAFF;}</style><script language=\"javascript\">\r\n";
        s += "function SetPorgressBar(msg, pos)\r\n";
        s += "{\r\n";
        s += "document.getElementById('ProgressBar').style.width = pos + \"%\";\r\n";
        s += "WriteText('Msg1',msg + \" 已完成\" + pos + \"%\");\r\n";
        s += "}\r\n";
        s += "function SetCompleted(msg)\r\n{\r\nif(msg==\"\")\r\nWriteText(\"Msg1\",\"完成。\");\r\n";
        s += "else\r\nWriteText(\"Msg1\",msg);\r\n}\r\n";
        s += "function WriteText(id, str)\r\n";
        s += "{\r\n";
        s += "var strTag = '<span style=\"font-family:Verdana, Arial, Helvetica;font-size=11.5px;color:#DD5800\">' + str + '</span>';\r\n";
        s += "document.getElementById(id).innerHTML = strTag;\r\n";
        s += "}\r\n";
        s += "</script>\r\n</head>\r\n<body>\r\n";
        s += "<div id=\"Msg1\"><span style=\"font-family:Verdana, Arial, Helvetica;font-size=11.5px;color:#DD5800\">" + msg + "</span></div>\r\n";
        s += "<div id=\"ProgressBarSide\" align=\"left\" style=\"color:Silver;border-width:1px;border-style:Solid;\">\r\n";
        s += "<div id=\"ProgressBar\" style=\"background-color:#008BCE; height:25px; width:0%;color:#fff;\"></div>\r\n";
        s += "</div>\r\n</body>\r\n</html>\r\n";
        HttpContext.Current.Response.Write(s);
        HttpContext.Current.Response.Flush();
    }
    /// <summary>
    /// 滚动进度条
    /// </summary>
    /// <param name="Msg">在进度条上方显示的信息</param>
    /// <param name="Pos">显示进度的百分比数字</param>
    public static void Roll(string Msg, int Pos)
    {
        string jsBlock = "<script language=\"javascript\">SetPorgressBar('" + Msg + "'," + Pos + ");</script>";
        HttpContext.Current.Response.Write(jsBlock);
        HttpContext.Current.Response.Flush();
    }
}