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	設置一個新的進度值。