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;

                 var task = {

                     run : function() {

                         count++;

                         if (flag != "保存中") {

                             progressBar.hide();

                             Ext.TaskMgr.stop(task);

                         }

                         if (count < 10) {

                             curnum = count / 10;

                             bartext = curnum * 100 + "%";

                         } else {

                             curnum = 9.9;

                             bartext = 99 + "%";

                         }

                         progressBar.updateProgress(curnum, bartext);

                     },

                     interval : 500

                 }

                 Ext.TaskMgr.start(task); 

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