利用Asp .网回调机制实现进度条

其效果如下

首先，在超文本标记语言文档中加入如下代码：div table class=' status stable ' tr TD ID=' progress 1 '/TD TD TD ID=' progress 2 '/TD TD ID=' progress 3 '/TD TD TD ID=' progress 4 '/TD TD TD ID=' progress 5 '/TD TD ID=' progress 6 '/TD ID=' progress 7 '/TD TD TD TD ID=' progress 8 '/TD TD ID=' progress 9 '/TD ID=' progress 10 /TD/tr/table asp3360标签ID='标签'请求onclick=' Request()'/input id=' btnStop ' type=' button ' value='停止disabled=' disabled ' onclick=' Stop()'//div Js部分加入如下射流研究…代码：脚本语言=' JavaScript ' type=' text/JavaScript ' var idx=0； var progressTimervar progressInterval=1000函数请求(){文档。getelementbyid(' btnStop ').禁用=' ';文件。getelementbyid(“BTN请求”).disabled=' disable if(idx=10){ Clear()；返回；} var arg=idx%=ClientScript .GetCallbackEventReference(这个，' arg '，' GetMsgBack '，null)%；idxprogressTimer=setTimeout(' Request()'，progressInterval)；}函数GetMsgBack(结果){ document。getelementbyid(' progress ' idx)。风格。背景色='蓝色'；定义变量状态=数字（结果)* 10;文件。getelementbyid('标签1 ').innerHTML=状态"%";}函数stop(){ clear time out(progress timer)；clear()；}函数clear(){ idx=0；文件。getelementbyid(' btnStop ').disabled=' disableddocument。getelementbyid(“BTN请求”).禁用=' ';文件。getelementbyid('标签1 ').innerHTML=' 0 for(var I=1；i=10I)文档。getelementbyid(' progress ' I)。风格。背景颜色='透明'；}/脚本钢性铸铁样式文件中加入如下代码：status stable { width :100 pxborder : solid 1px # 00000填充-底部：0 px边距-底部：0 px} .状态稳定TD {高度：20 px} Asp .网服务端实现回调代码如下：公共部分类数字状态：系统.网络。用户界面.页面，ICallbackEventHandler私有字符串AspEventArgs受保护的无效页面_加载(对象发送方，事件参数e){ } public void RaiseCallbackEvent(字符串事件参数){ AspEventArgs=事件参数；}公共字符串GetCallbackResult(){ int I=Convert .到t32(AspEventArgs)；我；返回I . ToString()；} } 这样，一个简易的进度条就实现了，运行即可得到如页首处的效果。