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();}   private void beginProgress(){//根据ProgressBar.htm显示进度条界面   string templateFileName = System.IO.Path.Combine(Server.MapPath("."), "ProgressBar.htm");System.IO.StreamReader reader = new System.IO.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();}
<!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" type="text/javascript">function SetPorgressBar(pos) {//设置进度条居中var screenHeight = document.body.offsetHeight;var screenWidth = document.body.offsetWidth;document.getElementById("ProgressBarSide").style.width = Math.round(screenWidth / 2);document.getElementById("ProgressBarSide").style.left = Math.round(screenWidth / 4);document.getElementById("ProgressBarSide").style.top = Math.round(screenHeight / 2);document.getElementById("ProgressBarSide").style.height = "21px";document.getElementById("ProgressBarSide").style.display = "";//设置进度条百分比                       document.getElementById("ProgressBar").style.width = pos + "%";document.getElementById("ProgressText").innerHTML = pos + "%";}//完成后隐藏进度条function SetCompleted() {document.getElementById("ProgressBarSide").style.display = "none";}</script>
</head><body><div id="ProgressBarSide" style="position:absolute;height:21px;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none"><div id="ProgressBar" style="position:absolute;height:21px;width:0%;background-color: green"></div><div id="ProgressText" style="position:absolute;height:21px;width:100%;text-align:center"></div></div></body>
</html>

转载于:https://www.cnblogs.com/smartsmile/archive/2012/11/09/6234385.html

asp.net 实现进度条 用来显示加载进度或程序处理进度相关推荐

  1. android加载刷新进度条,android – 在Activity加载时显示进度条

    我有一个ListActivity,它基于列表选择启动另一个Activity.第二个Activity需要从互联网上加载一些相当数据的数据,因此在用户点击一个项目和Activity显示之间有一个明显的延迟 ...

  2. 玲珑杯Unity开发心得——进度条界面(异步加载游戏场景)

    /2015/08/04// by xbw ///环境 unity 4.6// 先上效果图 还可以吧,先贴一下代码, using UnityEngine;using System.Collections ...

  3. php 页面加载进度条,HTML5/CSS3 网页加载进度条的实现,下载进度条等经典案例

    今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用:一般用于下载任务,删除大量任务 ...

  4. ajax加载进度百分比,在ajax中显示加载百分比的进度条,php

    您好我正在使用ajax加载数据库内容.我想显示加载或图像的总百分比.在ajax中显示加载百分比的进度条,php 这是我的脚本 function name1(str) { if (str.length= ...

  5. Apicloud中在frame中加载数据未完成时显示加载进度条

    想在frame中,数据未加载完成时显示加载的进度条,做法如下: 在index.html的 api.openFrameGroup()方法中: api.openFrameGroup({           ...

  6. Adobe Edge Animate --异步条件加载框架(yepnop):加载bootstrap之按钮、进度条、菜单效果

    Adobe Edge Animate --异步条件加载框架(yepnop):加载bootstrap之按钮.进度条.菜单效果 版权声明: 原文地址: http://www.cnblogs.com/ado ...

  7. android handle显示加载框

     今天,讲讲使用handle显示加载框,当任务完成后,隐藏加载框. 第一种代码: 1. 定义常量和加载框     private final static int SEARCH_PREPARE = ...

  8. 微信小程序 在使用wx.request时显示加载中

    我们可以用wx.showLoading(OBJECT),当请求服务器的地方多了,怎么才能不每次都要去调用函数,我们只要对wx.request加工下就可以了,在utils下新建js文件network.j ...

  9. .ajax显示加载动画,jQuery Ajax 加载数据时异步显示加载动画

    ajax加载后台数据就不说的那么细了. 看下面代码首先前台上放置代码 在js脚本文件中首先把这个图片动画隐藏 代码如下 $(document).ready(function () { $(" ...

  10. ajax 延迟显示加载中提示

    近期做项目时用到了jquery的ajax,我希望实现"加载时提示用户"的功能,于是先习惯性的度娘谷哥了下,发现按照网上朋友所说的做,每次加载都会提示,不符合我的需求.于是我改进了下 ...

最新文章

  1. Event Loop
  2. android OkHttp form 上传图片和参数
  3. 对于bhuman中striker文件解析
  4. 基于keras 的神经网络股价预测模型
  5. plc以太网端口号虚拟服务器,plc能像pc那样,一个端口号处理多个连接吗?
  6. Linux下通过rm -f删除大量文件时提示-bash: /bin/rm: Argument list too long的解决方法...
  7. 区块链共识算法Proof-of-Stake (PoS/权益证明) 常见问题解答 (1)
  8. 一文读懂 Linux 内存分配全过程
  9. python怎么在运行中查看执行状态,Python程序运行时查看对象状态怎样设计才能实现...
  10. make时候说找不到makefile_优秀自律的句子:找不到理由继续的时候,就找个理由重头来过吧...
  11. aws搭建java项目_AWS 创建开源 UI 项目:这是新开源设计系统的第一步
  12. Aqara 2021发布会:万物互联的家庭智慧全景
  13. 具体数学-第14课(牛顿级数和生成函数)
  14. 权限管理----用户与模块关系
  15. 纤亿通解读—光纤通信系统工作原理
  16. ucenter php7.0版,UCenter1.5.0UCenter Home1.5Discuz! 7.0 集成安装包
  17. 【爬虫】王者荣耀爬取英雄高清4K图片
  18. Kindle支持文档类型
  19. python描述性统计离散型变量_数据的描述性统计(Python3 实现)
  20. 「短视频+社交电商」营销模式爆发式发展,带来的好处有什么?

热门文章

  1. 邮箱验证流程与token生成
  2. 【SIMULINK】创建及封装子系统
  3. java端口被占用三种解决方式
  4. python控制电脑休眠唤醒_Python如何唤醒休眠进程多处理?
  5. 微信小程序云开发Error: errCode: -404011 cloud function execution error -501003 exceed request limit
  6. 毕设大学生闲置物品交易平台的分析与设计毕业设计
  7. 几种知名网贷风险评估
  8. 在Linux终端管理你的密码!
  9. 2021-11-16尤破金11.17今天黄金怎么投资?原油如何看?白银今日操作建议解套
  10. C# .aspx网页获取RFID读卡器HTTP协议提交的访问文件Request获得卡号、机号,Response回应驱动读卡器显示响声