jQuery EasyUI API 中文文档 - 进度条

ProgressBar 进度条

用$.fn.progressbar.defaults重写defaults。

 

依赖

none

用法示例

创建ProgressBar

ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些，把 'easyui-progressbar' 类加入到<div/>标记。

1. <div id="p" class="easyui-progressbar" style="width:400px;"></div>  

 

获取或者设置值

我们获取当前值并且给这个组件设置一个新值。

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

特性

名称	类型	说明	默认值
width	string	设置progressbar的宽度。	auto
value	number	百分比值。	0
text	string	显示在组件上的文字的模板。	{value}%

事件

名称	参数	说明
onChange	newValue,oldValue	当值改变的时候触发。

方法

名称	参数	说明
options	none	返回options对象。
resize	width	调整组件尺寸。
getValue	none	返回当前的进度值。
setValue	value	设置一个新的进度值。