js异步处理进度条

1.先上图，效果如下

2.使用方法复制代码代码如下： var加载程序=新的Ajaxloader(这_ContentID，{Text: '正在加载.'，Top:50 })；装载机show()；3.代码列出：复制代码代码如下： /* 处理进度条，异步加载器*/var Ajax加载器=new Class()；Ajax加载程序。原型={ text : '数据加载中.'，Parent:null，Left:0，Top:30，初始化：函数(parentid，o){//alert(' Init ')；延长（此，o)；if(parentid) { this .parent=$(父id)；}退回这个；}，Show:function() { if(this .父){ var _obj=this .create()；这个父母。append child(_ obj)；} }，创建：函数(){ var _ div=document。创建元素(' div ')；var _ img=文档。创建元素(' img ')；_img.src='%=WebResource('DSKJ .网络。ui。webcontrols。图像。ajaxloader。gif ')% '；_ img。风格。CSS文本='显示块：'；var _ load=文档。创建元素(“H3”)；_load.innerText=this .文字；_加载。风格。CSS text=' margin-top :5 px；font-size :13 px '；_ div。append child(_ img)；_ div。append child(_ load)；//设置差异样式_ div。风格。CSS text=' font-size :13 px文本对齐：居中；margin:0汽车显示：块；z-index :99 '；_div.style.marginTop=this .顶；return _ div} } 4。结束语欢迎拍砖