<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;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none">

         <div id="ProgressBar" style="position:absolute;height:21px;width:0%;background-color:#3366FF"></div>

         <div id="ProgressText" style="position:absolute;height:21px;width: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 = ; i <= ; i++)

         {

             setProgress(i);

             //此处用线程休眠代替实际的操作，如加载数据等

             System.Threading.Thread.Sleep();

         }

         finishProgress();

     }

 }
 

ASP.NET中进度条的简单应用的更多相关文章

  1. ASP.net中导出Excel的简单方法介绍

    下面介绍一种ASP.net中导出Excel的简单方法 先上代码:前台代码如下(这是自己项目里面写的一点代码先贴出来吧) <div id="export" runat=&quo ...

  2. ASP.NET中登录功能的简单逻辑设计

     ASP.NET中登录功能的简单逻辑设计                               概述                               逻辑设计             ...

  3. AFHTTPSessionManager下载文件 及下载中 进度条处理，进度条处理需要特别注意，要加载NSRunLoop 中

    1.下载文件 和进度条处理代码 - (void)timer:(NSTimer *)timer{ // 另一个View中 进度条progress属性赋值 _downloadView.progress = ...

  4. Jsf中进度条的用法

    Jsf中进度条的用法 前端页面 <!-- 进度条 --> <p:progressBar widgetVar="pbAjax" ajax="true&qu ...

  5. Android loading进度条使用简单总结

    在这里,总结一下loading进度条的使用简单总结一下. 一.说起进度条,必须说说条形进度条,经常都会使用到嘛,特别是下载文件进度等等,还有像腾讯QQ安装进度条一样,有个进度总给人良好的用户体验. 先 ...

  6. linux下进度条的简单实现

    在实现进度条之前,先学习一下makefile. 一个工程中的源文件不计其数,其按类型.功能.模块分别放在若干个目录中, makefile 定义了一系列的规则来指定,哪些文件需要先编译,哪些文件需要后编 ...

  7. ASP.NET实现进度条效果【转】

     原文地址:http://www.jb51.net/article/115310.htm 这篇文章主要为大家详细介绍了ASP.NET实现简单的进度条效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一 ...

  8. QT中进度条的使用

    在QT中可以用QProgressBar或着QProgressDialog来实现进度条. QProgressBar的使用 首先在designer中拖一个按钮和进度条部件,按下面初始化 //补充:下面两句 ...

  9. 关于C# WinForm中进度条的实现方法

    http://www.cnblogs.com/Sue_/articles/2024932.html 进度条是一个软件人性化考虑之一,他给用户的感觉就是程序内部在不停的动作,执行到了什么程度,而不是整个 ...

随机推荐

  1. 获取iOS顶部状态栏和Navigation的高度

    状态栏的高度 20 [[UIApplication sharedApplication] statusBarFrame].size.height Navigation的高度 44 self.navig ...

  2. 【Codeforces Round #440 (Div. 2) C】 Maximum splitting

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 肯定用尽量多的4最好. 然后对4取模的结果 为0,1,2,3分类讨论即可 [代码] #include <bits/stdc++ ...

  3. IPv4与IPv6数据报格式详解

    摘要: 本文给出IPv4与IPv6数据报格式示意图,并整理了各个字段含义,最后对比IPv4与IPv6数据报格式的区别. 一.IPv4数据报 图1 IPv4数据报格式版本号(version) 不同的IP ...

  4. Vim 在 windows 下的应用

    常用命令的学习. 第一部分 Esc:返回到 正常模式 h j k l:左下上右 x:删除字符(normal mode) :q!:放弃所有更改并退出vim :wq:保存所有更改并退出vim i:进入编辑 ...

  5. P2P网络借贷系统简要解读

    P2P网络借贷系统的核心功能其实很简单,就是若干投资者(借款人)集体把钱贷给贷款人,到期后,贷款人把利息和本金按时还给借款人.平台的主要作用是"撮合",收取一定的服务费和管理费. ...

  6. Windows10终端优化方案：Ubuntu子系统+cmder+oh-my-zsh

    原问地址:https://zhuanlan.zhihu.com/p/34152045 最近从MacBook换到了种草已久的Surface Book 2,而我的工作环境也自然要从macOS换到Windo ...

  7. Apache+tomcat的整合 分类： C_OHTERS 2014-05-07 15:08 293人阅读 评论(0) 收藏

    http://blog.csdn.net/stefyue/article/details/6918542 为什么要做这个整合呢?当然,首先想到是就是Apache和Tomcat的区别.正因为有区别,有各 ...

  8. jquery-10 js加载的时机如何选择

    jquery-10 js加载的时机如何选择 一.总结 一句话总结:主要应用widow的ready()方法和load()方法. 1.内部文件中DOM加载完毕执行js如何书写? 把js标签放在body之后 ...

  9. PHP+Aax实现异步验证

    利用Ajax技术来检测用户名是否存在的原理流程图: 最终结果截图: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...

  10. xml传参

    前端调用后端方法时要传递多个参数,在前端js中拼接xml形式的字符串: var args = "<?xml version='1.0' encoding='utf-8' ?>&q ...