Ext.onReady(function() {
var ProgressBar=new Ext.ProgressBar({
width:300,
renderTo:'ProgressBar1'
});
var count=0; //滚动条被刷新的次数
var percentage = 0; //进度百分比
var progressText = '';
Ext.TaskManager.start({
run:function(){
count++; //计算进度
if(count > 10){
ProgressBar.hide();
}
percentage = count/10; //生成进度条文字
progressText = '当前完成进度:' + percentage*100 + "%"; //更新信息提示对话框
ProgressBar.updateProgress(percentage,progressText,true);
},
interval:300,
repeat:6
});
});
var ProgressBar=new Ext.ProgressBar({
width:300,
renderTo:'ProgressBar1'
});
var count=0; //滚动条被刷新的次数
var percentage = 0; //进度百分比
var progressText = '';
Ext.TaskManager.start({
run:function(){
count++; //计算进度
if(count > 10){
ProgressBar.hide();
}
percentage = count/10; //生成进度条文字
progressText = '当前完成进度:' + percentage*100 + "%"; //更新信息提示对话框
ProgressBar.updateProgress(percentage,progressText,true);
},
interval:300,
repeat:6
});
});
本文介绍如何使用Ext.js库创建一个滚动条进度条,通过定时任务更新进度显示,实现从0到100%的进度展示。
147

被折叠的 条评论
为什么被折叠?



