<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. 微信小程序实现运动步数排行（可删除）

    wxml <!-- 向左滑动删除功能 --> <view class="item-box"> <view class="items" ...

  2. 【Codeforces Round #442 (Div. 2) D】Olya and Energy Drinks

    [链接] 我是链接,点我呀:) [题意] 给一张二维点格图,其中有一些点可以走,一些不可以走,你每次可以走1..k步,问你起点到终点的最短路. [题解] 不能之前访问过那个点就不访问了.->即k ...

  3. Microsoft Bot Framework 链接至微信公共号

    如何将 Microsoft Bot Framework 链接至微信公共号   说到 Microsoft Bot Framework 其实微软发布了已经有一段时间了,有很多朋友可能还不太了解,微软Bot ...

  4. 10.2、android输入系统_必备Linux编程知识_双向通信(scoketpair)

    2. 双向通信(socketpair) 输入系统肯定涉及进程通讯:进程A读取/分发输入事件,APP处理输入事件,进程A给APP发送输入事件,APP处理完事件回复信息给进程A,APP关闭的时候也要发信息 ...

  5. UVA Bandwidth

    题目例如以下: Bandwidth  Given a graph (V,E) where V is a set of nodes and E is a set of arcsin VxV, and a ...

  6. [Nuxt] Add Arrays of Data to the Vuex Store and Display Them in Vue.js Templates

    You add array of todos to the store simply by adding them to the state defined in your store/index.j ...

  7. php课程 1-3 字符串变量输出方式有哪些（总结：四种）

    php课程 1-3 字符串变量输出方式有哪些(总结:四种) 一.总结 一句话总结:推荐使用双引号中加{$变量名}的形式(echo "my name is {$name}eee !" ...

  8. or小计

    1.使用or的时候,必须养成两边添加括号,否则结果完全不一样. 2.or条件如果复杂的情况下,可以适当考虑union all改写.

  9. Python爬虫之路——简单的网页抓图

    转载自我自己的博客:http://www.mylonly.com/archives/1401.html 用Python的urllib2库和HTMLParser库写了一个简单的抓图脚本.主要抓的是htt ...

  10. Unity中做放大镜 效果

    孙广东  2015.8.16 事实上和 小地图都几乎相同了. 还是要借助 还有一个相机 目的: 这篇文章的主要目的是  要给你一个想法  怎样做放大境效果 . 在unity中能够简单的实现放大镜效果啊 ...