<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. [D3] SVG Graphics Containers and Text Elements in D3 v4

    SVG is a great output format for data visualizations because of its scalability, but it comes with s ...

  2. JSONP的使用示例（以及jquery版jsonp）超简单

    前言: 平时工作中很少跨域,很少用到jsonp,但是几乎每次面试都会被问到这个问题.很崩溃. 菜鸟教程上的jsonp教程就很好.这里做个笔记,自己捋一遍. Jsonp(JSON with Paddin ...

  3. Angular7环境搭建报错

    昨天写的2019年Angular7——安装搭建路由方法不太正统,今天又去翻了下angular官网,跟着上面的环境搭建与部署走了一遍 从安装@angular/cli命令行工具开始 本篇主要记录下搭建过程 ...

  4. [Nuxt] Setup a "Hello World" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt

    Install: npm install -g vue-cli Init project: vue init nuxt/starter . Run: npm run dev Create a inde ...

  5. KDE Plasma 5.8 的 LTS 周期正好与其所采用的 Qt 5.6 的 LTS 周期一致

    在 KDE Plasma 5.7 刚刚发布不久,KDE 开发团队就宣布了 KDE Plasma 5.8 的开发计划.这个版本将是一个 LTS 版本,据我所知,这应该是 KDE 历史上第一个 LTS 版 ...

  6. Caffe 安装 Ubuntu14.04+CUDA7.0/7.5（亲测有效）

    自己安装Caffe的过程中,参考了很多资料,但由于版本或者其他原因,安装过程中总是遇到这样或者那样的问题,因此留做记录,方便之后查看,也希望对遇到相似麻烦的朋友们提供帮助.  下面我们开始安装吧: 硬 ...

  7. FATFS在SD卡里，写入多行数据出的问题

    串口接收的数据存入数组,然后把数组截取有效部分,存入SD卡里的一行没有问题 但是从SD卡读出这一行之后,重新写入SD卡就有了问题,经过调试发现,错误在于  \n 一直是这一串数据,为什么会出错呢??? ...

  8. ZOJ 3171 The Hidden 7's DP

    传送门:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=3203 题目大意给定一串字符串,需要计算出seven的个数. #incl ...

  9. 键盘钩子监测按键后，获取键码及按键名称(MFC)

    LRESULT CALLBACK LowLevelKeyboardProc(int nCode,WPARAM wParam,LPARAM lParam){ if(nCode ==HC_ACTION & ...

  10. spring mvc controller间跳转 重定向 传参（转）

    spring mvc controller间跳转 重定向 传参 url:http://zghbwjl.blog.163.com/blog/static/12033667220137795252845/ ...