首页 > Web开发 > 详细

使用 Asp.Net Response.Write() 制作实时进度条

时间:2014-12-23 19:00:14      阅读:193      评论:0      收藏:0      [点我收藏+]

准备:

  一个 StudyResponse.aspx 页面和 CodeBehind 文件。

Web 页面中的内容如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StudyResponse.aspx.cs" Inherits="WebApplication1.StudyResponse" %>

Web 页面的 CodeBehind 中的代码如下:

namespace WebApplication1
{
    public partial class StudyResponse : System.Web.UI.Page
    {
        private readonly StringBuilder _builder = new StringBuilder();

        protected void Page_Load( object sender, EventArgs e )
        {
            for (var i = 1; i <= 50; i++)
            {
                Thread.Sleep(50);
                _builder.Clear();

                if (i == 1)
                {
                    _builder.Append("<html><head></head>  <body>");
                    _builder.Append("<script src=‘FileUpload.js‘ type=‘text/javascript‘></script>");

                    _builder.AppendLine("<div style=‘width: 202px; height: 22px; border: 1px solid #0094ff;‘>");
                    _builder.AppendLine("<div id=‘progress‘ style=‘width: 0; height: 20px; background-color: #ccc; margin: 1px;‘></div>");
                    _builder.AppendLine("</div>");

                    _builder.AppendLine("<script type=‘text/javascript‘>");
                    _builder.AppendLine("_setProgress(" + i * 4 + ");");
                    _builder.AppendLine("</script>");
                    _builder.Append("</body></html>");
                }
                else
                {
                    _builder.AppendLine( "<script type=‘text/javascript‘>" );
                    _builder.AppendLine( "_setProgress(" + i * 4 + ");" );
                    _builder.AppendLine( "</script>" );
                }

                this.Response.Write(_builder.ToString());
                this.Response.Flush();
            }
        }
    }
}

效果预览:

技术分享

参考:http://www.cnblogs.com/isun/p/4178942.html

使用 Asp.Net Response.Write() 制作实时进度条

原文:http://www.cnblogs.com/jRoger/p/4180500.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!