progressbar - Documentation - jQuery EasyUI

jQuery EasyUI

进度条 - ProgressBar

使用$.fn.progressbar.defaults重载默认值。

进度条可以提供反馈的一个长时间运行的操作的显示进展。这个进程可更新,让用户知道当前执行一些操作。

使用方法(Usage Example)

创建进度条

进度条组件可以通过html标签或脚本两种方法创建。使用html标签创建更容易,只需要对<div>标签引用'easyui-progressbar'类。

Create ProgressBar using javascript.

Get or Set Value

为进度条获取当前进度值并且设置一个新的进度值。


属性(Properties)

名称 类型 描述 默认值
width string 设置进度条的宽度。 auto
value number 当前进度,百分比数值。 0
text string 显示在组件中的文本模板。 {value}%

事件(Events)

名称 属性 描述
onChange newValue,oldValue 当进度发生改变时触发。

示例:

$('#p').progressbar({
	onChange: function(value){
		alert(value)
	}
});

方法(Methods)

名称 属性 描述
options none 返回进度条属性对象。
resize width 重置进度条。

示例:

$('#p').progressbar('resize');  // resize the bar with original width
$('#p').progressbar('resize', 350);  // resize the bar using a new width
getValue none 返回当前进度值。
setValue value 设置一个新的进度值。