快捷導(dǎo)航

jQuery EasyUI API 中文文檔 - ProgressBar 進(jìn)度條

更新時間：2011年09月29日 01:08:56 作者：

jQuery EasyUI API 中文文檔 - ProgressBar 進(jìn)度條，使用jQuery EasyUI的朋友可以參考下。

用$.fn.progressbar.defaults重寫defaults。
依賴
none
用法示例
創(chuàng)建ProgressBar
ProgressBar能夠從html標(biāo)記創(chuàng)建或者編程創(chuàng)建。從標(biāo)記創(chuàng)建更容易些，把 'easyui-progressbar' 類加入到<div/>標(biāo)記。

復(fù)制代碼代碼如下:

獲取或者設(shè)置值
我們獲取當(dāng)前值并且給這個組件設(shè)置一個新值。

復(fù)制代碼代碼如下:

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

特性

名稱	類型	說明	默認(rèn)值
width	string	設(shè)置progressbar的寬度。	auto
value	number	百分比值。	0
text	string	顯示在組件上的文字的模板。	{value}%

事件

名稱	參數(shù)	說明
onChange	newValue,oldValue	當(dāng)值改變的時候觸發(fā)。

方法

名稱	參數(shù)	說明
options	none	返回options對象。
resize	width	調(diào)整組件尺寸。
getValue	none	返回當(dāng)前的進(jìn)度值。
setValue	value	設(shè)置一個新的進(jìn)度值。

您可能感興趣的文章:

相關(guān)文章

jQuery結(jié)合Json提交數(shù)據(jù)到Webservice，并接收從Webservice返回的Json數(shù)據(jù)
簡單的Json數(shù)據(jù)提交,后臺結(jié)合asp.net，需要的朋友可以參考下。
2011-02-02
jQuery+json實現(xiàn)動態(tài)創(chuàng)建復(fù)雜表格table的方法
這篇文章主要介紹了jQuery+json實現(xiàn)動態(tài)創(chuàng)建復(fù)雜表格table的方法,涉及jQuery針對json數(shù)據(jù)的解析與表格動態(tài)創(chuàng)建操作相關(guān)技巧,需要的朋友可以參考下
2016-10-10
jquery獲取select選中值的方法分析
這篇文章主要介紹了jquery獲取select選中值的方法,結(jié)合實例詳細(xì)分析了jQuery獲取select選中項option文本值及value值的方法,同時給出了JavaScript獲取select選中項的技巧,需要的朋友可以參考下
2015-12-12
Jquery如何使用animation動畫效果改變背景色的代碼
這篇文章主要介紹了Jquery如何使用animation動畫效果改變背景色,需要的朋友可以參考下
2020-07-07
jQuery參數(shù)列表集合
jQuery參數(shù)列表集合，學(xué)習(xí)jquery的朋友可以收藏下。
2011-04-04
jquery實現(xiàn)文本框數(shù)量加減功能的例子分享
在做商城項目的時候，需要在購物車中增加一個商品加減功能，并在加減時同時修改總價格的顯示，并且保證文本框text只能輸入純數(shù)字
2014-05-05
jquery操作select元素和option的實例代碼
這篇文章主要介紹了jquery操作select元素和option的實例代碼，感興趣的小伙伴們可以參考一下
2016-02-02
jQuery中的基本選擇器用法學(xué)習(xí)教程
這篇文章主要介紹了jQuery中的基本選擇器用法,文中分簡單、進(jìn)階、高階三個部分來講解,十分詳細(xì),需要的朋友可以參考下
2016-04-04
20款非常優(yōu)秀的 jQuery 工具提示插件推薦
工具提示（Tooltip）在網(wǎng)站中的一個小功能，但卻有很重要的作用，常用于顯示一些溫馨的提示信息。如果網(wǎng)站中的工具提示功能做得非常有創(chuàng)意的話能夠加深用戶對網(wǎng)站印象
2012-07-07
使用jQuery解決IE與FireFox下createElement方法的差異
使用jQuery解決IE與FireFox下createElement方法的差異。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11