• ASP.NET实现进度条


    终于找到一个ASP.NET实现进度条的例子.

    建立一个WEB工程,添加新项->HTML页面,命名为ProgressBar.htm,内容如下:

    <!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" id="mainWindow">
    <head>
    <title>无标题页</title>
    <script language="javascript">
    function SetPorgressBar(pos)
    {
    //设置进度条居中
    var screenHeight = window["mainWindow"].offsetHeight;
    var screenWidth = window["mainWindow"].offsetWidth;
    ProgressBarSide.style.width = Math.round(screenWidth / 2);
    ProgressBarSide.style.left = Math.round(screenWidth / 4);
    ProgressBarSide.style.top = Math.round(screenHeight / 2);
    ProgressBarSide.style.height = "21px";
    ProgressBarSide.style.display = "";

    //设置进度条百分比
    ProgressBar.style.width = pos + "%";
    ProgressText.innerHTML = pos + "%";
    }

    //完成后隐藏进度条
    function SetCompleted()
    {
    ProgressBarSide.style.display = "none";
    }
    </script>
    </head>
    <body>
    <div id="ProgressBarSide" style="position:absolute;height:21x;100px;color:Silver;border-1px;border-style:Solid;display:none">
    <div id="ProgressBar" style="position:absolute;height:21px;0%;background-color:#3366FF"></div>
    <div id="ProgressText" style="position:absolute;height:21px;100%;text-align:center"></div>
    </div>
    </body>
    </html>
    后台代码,Default.aspx.cs:

    using System;
    using System.Data;
    using System.Configuration;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;
    using System.Threading;
    using System.IO;

    public partial class _Default : System.Web.UI.Page
    {
    private void beginProgress()
    {
    //根据ProgressBar.htm显示进度条界面
    string templateFileName = Path.Combine(Server.MapPath("."), "ProgressBar.htm");
    StreamReader reader = new StreamReader(@templateFileName,System.Text.Encoding.GetEncoding("GB2312"));
    string html = reader.ReadToEnd();
    reader.Close();
    Response.Write(html);
    Response.Flush();
    }

    private void setProgress(int percent)
    {
    string jsBlock = "<script>SetPorgressBar('" + percent.ToString() + "'); </script>";
    Response.Write(jsBlock);
    Response.Flush();
    }

    private void finishProgress()
    {
    string jsBlock = "<script>SetCompleted();</script>";
    Response.Write(jsBlock);
    Response.Flush();
    }

    private void Page_Load(object sender, System.EventArgs e)
    {
    beginProgress();

    for (int i = 1; i <= 100; i++)
    {
    setProgress(i);

    //此处用线程休眠代替实际的操作,如加载数据等
    System.Threading.Thread.Sleep(50);
    }

    finishProgress();
    }
    }

  • 相关阅读:
    oracle 11g 断电后 无法启动 ora 00600 kcratr_scan_lastbwr 修复小计
    arcgis for python (arcpy) 入门
    解决 构造函数 包含业务逻辑 IDE无法初始化界面的问题
    arcgis 10.1 发布 气温插值GP服务小计
    执行 Animation先决条件
    ASP.NET MVC3学习心得视图和模型
    Axure使用心得分享
    ASP.NET MVC3学习心得表单和HTML辅助方法
    ASP.NET MVC3学习心得入门和控制器
    WindowsPhone 中SQL CE数据库的使用
  • 原文地址:https://www.cnblogs.com/cfcool/p/1665510.html
Copyright © 2020-2023  润新知