easyui api中文文档：进度条 ProgressBar

进度条（ProgressBar）

用$.fn.progressbar.defaults重写Defaults方法进度条（ProgressBar）提供反馈显示一个长时间的工作进度。进度是可被更新的，让用户知道一些操作正在执行。

依赖（Dependencies）

无依赖（None）

使用示例（Usage Example）

创建进度条 进度条组件可以通过标志或者程序创建，通过标志创建很简单，在div上加上“easyui-progressbar”类

通过javascript创建progressbar

$('#p').progressbar({
value: 60
},2);

得到或设置值 得到当前值或者设置一个新的值

var value = $('#p').progressbar('getValue',2);
if (value < 100){ value += Math.floor(Math.random() * 10,2); $('#p').progressbar('setValue', value,2); }

属性（Properties）

Name	Type	Description	Default
width	string	设置progressbar宽度	auto
height	number	组件的高度，属性是1.3.2新增的	22
value	number	百分比值	0
text	string	显示文本的模板	{value}%

时间（Events）

Name	Parameters	Description
onChange	newValue,oldValue	改变值的时候被触发代码示例: $('#p').progressbar({ onChange: function(value){ alert(value) } },2);

方法（Methods）

Name	Parameter	Description
options	none	返回options对象
resize	width	调整组件的大小示例代码 $('#p').progressbar('resize',2); // resize the bar with original width $('#p').progressbar('resize', 350,2); // resize the bar using a new width
getValue	none	返回当前的进度值
setValue	value	设置新的进度值