如何给ext页面加进度条

Ext.MessageBox为我们提供了默认的进度条，只要将progress参数设置为，true，对话框就会出现进度条。当然也可以直接使用Ext.MessageBox.progress('请等待',msg:'读取数据中')。这里 “请等待”是标题，“读取数据中”是提示。

如果你要准确的显示进度可以这样写（一个小例子）：

Ext.onReady(function(){

Ext.MessageBox.show({

title: '请等待',

msg: '读取数据中',

width:240,

progress:true,

closable:false

})

var f = function(v){

return function(){

if(v == 11){

Ext.MessageBox.hide()

}else{

Ext.MessageBox.updateProgress(v/10, '正在读取第 ' + v + ' 个，一共10个。')

}

}

}

for(var i = 1i <12i++){

setTimeout(f(i), i*1000)

}

})

（代码比较简单，你可以自己运行看下）

另外一种是Ext.MessageBox.wait('请等待',msg:'读取数据中')

这种进度条会自动向前推进，满格后又会从头开始推进。这用一般就是提示作用，不能精确控制进度。

楼上的总结也很全面，我从我的经验中总结如下

1：ajax请求过程绑定beforeSend方法。

2：触发事件时显示loading部分html。完成后再隐藏html

1.

打开PPT，设置背景色为黑色，插入形状，形状选择圆角矩形，在空白位置拉出一个来就可以了

2.

分别点击形状轮廓和形状填充，设置颜色均为黑色

3.

接着复制这个白色的矩形，再将其颜色设置位红色，轮廓颜色设置为红色或者是无色

4.

同时选中两个圆角矩形，使用格式里面的对齐命令，上下对齐和左右对齐，使两个形状完全重合在一起

5.

选中上面的红色矩形，点击动画，双击逗擦除地效果，给这个矩形添加动画

6.

接着点击逗效果选项地将默认方向改为逗自左侧地

7.

原来的这个默认的时间比较短，效果太快

8.

我们将时间设置慢速3秒或者在稍长一些，这样可以体现进度

---