ASP.NET实现进度条的图文实例

　　介绍

小编给大家分享一下ASP。净实现进度条的图文实例,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

我们先看下进度条效果

ASP.NET实现进度条的图文实例

我点击了按钮后他会显示进度页面,进度完成后,进度条消失,其实也是比较简单的了。

我们需要一个进度条代码文件ProgressBar。htm(注意:是没有头这些标签的)

& lt;脚本语言=癹avascript"比; 　　函数SetPorgressBar (pos) {//设置进度条居中 　　 　　var screenWidth=document.body.offsetWidth; 　　ProgressBarSide.style。宽度=数学。轮(screenWidth/2) +“px"; 　　ProgressBarSide.style。左=数学。轮(screenWidth/4) +“px"; 　　ProgressBarSide.style。顶级=?0 px"; 　　ProgressBarSide.style。身高=?1 px"; 　　ProgressBarSide.style。显示=癰lock";//设置进度条百分比 　　ProgressBar.style。宽度=pos +“%”; 　　ProgressText。innerHTML=pos +“%”; 　　｝ 　　 　　函数SetMaxValue (maxValue) { 　　ProgressBarSide.style。宽度=maxValue +“px"; 　　｝//完成后隐藏进度条 　　函数SetCompleted () { 　　ProgressBarSide.style。显示=皀one"; 　　｝ 　　 　　函数SetTitle(标题){ 　　ProgressTitle。innerHTML=标题; 　　｝ 　　& lt;/script> 　　& lt; p id=癙rogressBarSide"风格=拔恢?绝对;高度:21 px;宽度:100 px; 　　颜色:银色;边框宽度:1 px;边框样式:固体;显示:block"比; 　　& lt; p id=癙rogressBar"风格=拔恢?绝对;高度:21 px;宽度:0%;background - color: # 1475 bb"比; 　　& lt;/p> 　　& lt; p id=癙rogressText"风格=拔恢?绝对;高度:21 px;宽度:100%;text-align: center"比; 　　& lt;/p> 　　& lt; p id=癙rogressTitle"风格=拔恢?绝对;高度:21 px;上图:21 px;宽度:100%; 　　text-align: center"比; 　　& lt;/p> 　　& lt;/p>

然后需要一个进度条类ProgressBar。cs 

使用系统;
　　使用System.Collections.Generic;
　　使用来;
　　使用包含;
　　使用先;
　　
　　名称空间ZhuoYueE.Dop.Web.UI
　　{///& lt; summary>///显示进度条///& lt;/summary>
　　公开课ProgressBar: System.Web.UI.Page
　　{///& lt; summary>///最大值///& lt;/summary>
　　私人int MaxValue
　　{
　　得到
　　{
　　如果视图状态(“MaxValue")==null)
　　{
　　返回0;
　　｝
　　其他的
　　{
　　返回Convert.ToInt32(视图状态[“MaxValue"]);
　　｝
　　｝
　　集
　　{
　　视图状态(“MaxValue")=价值;
　　｝
　　｝///& lt; summary>///当前值///& lt;/summary>
　　私人int ThisValue
　　{
　　得到
　　{
　　如果视图状态(“ThisValue")==null)
　　{
　　返回0;
　　｝
　　其他的
　　{
　　返回Convert.ToInt32(视图状态[“ThisValue"]);
　　｝
　　｝
　　集
　　{
　　视图状态(“ThisValue")=价值;
　　｝
　　｝///& lt; summary>///当前页面///& lt;/summary>
　　System.Web.UI。页面m_page;///& lt; summary>///功能描述:构造函数///作者:huangzh///创建日期:2016-05-06 11:54:34///任务编号:///& lt;/summary>///& lt;参数name=皃age"在当前页面& lt;/param>
　　公共ProgressBar (System.Web.UI。页面页)
　　{
　　m_page=页面;
　　｝
　　
　　公共空间SetMaxValue (int intMaxValue)
　　{
　　MaxValue=https://www.yisu.com/zixun/intMaxValue;
　　｝>///<总结///功能描述:初始化进度条///作者:huangzh///创建日期:2016-05-06 11:55:26///任务编号:///
　　公共空间InitProgress ()
　　{//根据ProgressBar.htm显示进度条界面
　　字符串templateFileName=AppDomain.CurrentDomain。BaseDirectory +“ProgressBar.htm”;
　　StreamReader读者=new StreamReader (@templateFileName System.Text.Encoding.GetEncoding (GB2312 "));
　　字符串strhtml=reader.ReadToEnd ();
　　reader.Close ();
　　m_page.Response.Write (strhtml);
　　m_page.Response.Flush ();
　　｝>///<总结///功能描述:设置标题///作者:huangzh///创建日期:2016-05-06 11:55:36///任务编号:////// strTitle 
　　公共空间SetTitle(字符串strTitle)
　　{
　　字符串strjsBlock=" <脚本> SetTitle (' + strTitle + " ');> ///<总结////// 百分比
　　公共空间AddProgress (int intpercent)
　　{
　　ThisValue=ThisValue + intpercent;
　　双dblstep=((双)ThisValue/(双)MaxValue) * 100;
　　
　　字符串strjsBlock=" <脚本> SetPorgressBar (“+ dblstep.ToString”(“0.00”) + ');> 
ASP.NET实现进度条的图文实例