ExtJs学习之路--进度条

有图有真相，先看效果图片

 

代码如下： 

 1                  var progressBar  =  Ext.Msg.show({
 2                      title :  " 请稍等... " ,
 3                      msg :  " 服务器正在处理中... " ,
 4                      progress :  true ,
 5                      width :  300
 6                  });
 7                  var count  =   0 ;
 8                  var bartext  =   "" ;
 9                  var curnum  =   0 ;
10                  var task  =  {
11                      run : function() {
12                          count ++ ;
13                           if  (flag  !=   " 保存中 " ) {
14                              progressBar.hide();
15                              Ext.TaskMgr.stop(task);
16                          }
17                           if  (count  <   10 ) {
18                              curnum  =  count  /   10 ;
19                              bartext  =  curnum  *   100   +   " % " ;
20                          }  else  {
21                              curnum  =   9.9 ;
22                              bartext  =   99   +   " % " ;
23                          }
24                          progressBar.updateProgress(curnum, bartext);
25                      },
26                      interval :  500
27                  }
28                  Ext.TaskMgr.start(task);

在程序的适当时候改变flag的值就可以结束进度条......

转载于:https://www.cnblogs.com/chjw8016/archive/2010/10/13/1850119.html