ExtJs--03--几个进度条代码，可以看看

/*
 * 

//通过固定时间完成进度条，即：伪进度条
 Ext.onReady(function () {
            var progressBar = Ext.Msg.show({ title: "进度条",
                msg: "通过固定时间完成进度",
                width: 300,
                wait: true,
                waitConfig: { interval: 500, duration: 5000, fn: function () { Ext.Msg.hide(); } },
                closable: false
            });
        });
 */

/*
 *
 //进度条
 //updateProgress( Number value, String progressText, String msg )
 参数说明：
 value : Number   0和1之间的任何数 (默认0)
 progressText : String    进度条里面的显示内容 (默认'')
 msg : String     消息框主体内容被指定的消息代替 (默认没有定义)

 Ext.onReady(function(){
	var configs = {
		title:"安装进度条",
		progress:true,
		width:600,
		closable:false,
		msg:"正在安装 ... "
	};

	Ext.Msg.show(configs);

	var fn_progressbar = function(v){
		return function(){
			if(v==12){
				Ext.Msg.hide();
			}else{
				var i = v/11;
				Ext.Msg.updateProgress(i,Math.round(i*100)+"%已完成！",i);
			}
		}
	}

	for(var i = 1 ; i < 13 ; i ++){
		setTimeout(fn_progressbar(i),i*500);
	}
});*/

/*
 *
Ext.onReady(function(){
    var msgBox = Ext.MessageBox.show({
        title:'提示',
        msg:'动态更新的进度条和信息文字',
        modal:true,
        width:300,
        progress:true
    })    

    var count = 0;//滚动条被刷新的次数
    var percentage = 0;//进度百分比
    var progressText = '';//进度条信息    

    var task = {
        run:function(){
            count++;
            //计算进度
            percentage = count/10;
            //生成进度条文字
            progressText = '当前完成度:'+percentage*100+"%";
            //更新信息提示对话框
            msgBox.updateProgress(percentage,progressText,'当前时间:'+Ext.util.Format.date(new Date(),'Y-m-d g:i:s A'));
            //刷新10次后关闭信息提示框
            if (count>10)
            {
                Ext.TaskManager.stop(task);
                msgBox.hide();
            }
        },
        interval:1000
    }
    Ext.TaskManager.start(task);
});    

*/

Ext.onReady(function(){

	Ext.MessageBox.progress("请等待", "数据处理进度...");
	var fun = function(p) {
		return function() {
			if (p == 20) {
				Ext.MessageBox.hide();
			} else {
				Ext.MessageBox.updateProgress(p / 20, '正在处理第' + p + '个，一共20个');
			}
		};
	}
	for ( var i = 1; i <= 20; i++) {
		setTimeout(fun(i), i * 1000);
	}
});