簡約之美,JQuery之進度條外掛程式

2021-04-18 16:11:40 字數 1457 閱讀 7672

jquery progress bar是基於jquery開發的進度條外掛程式,秉承了jquery的簡約哲學。不僅容易使用,而且可以輕鬆定製外觀。對於使用了jquery框架的專案來說,需要使用進度條控制項時這是乙個不錯的選擇。 jquery progress bar與常規外掛程式一樣,只要用選擇器選擇乙個html元素後,直接呼叫外掛程式的公開方法即可。它提供的公開方法名稱為progressbar()。那麼,當html頁面上有乙個id為progress1的元素時,可以這樣初始化該控制項: $("#progress1").progressbar(); 它的建構函式可以接收如下表所示的引數。

方法及引數

用途progressbar()

按預設設定初始化乙個進度條

progressbar(persent)

按預設設定初始化或更新乙個進度條,設定進度條的百分比至

persent%.

progressbar(config)

按config

中指定的設定初始化乙個進度條,百分比為

0%。注意不要在初始化之後使用該方法來更改進度條的設定,否則可能引起顯示不正常。

progressbar(persent,config)

按config

中指定的設定初始化乙個進度條,百分比為

persent%

。注意不要在初始化之後使用該方法來更改進度條的設定,否則可能引起顯示不正常。

其中,config

引數是乙個雜湊結構物件,它包含了如下屬性用於設定進度條的外觀特性

屬性

用途increment

設定進度條每步的增長度。預設值為2。

speed

設定進度條初始化時動態滑動效果的速度。預設值為

15。這個值越大,則滑動速度越慢。

showtext

設定是否顯示百分比標識文字。預設值為

ture

,即顯示百分比文字標識。

boximage

設定邊框。預設值為

images/progressbar.gif。如需定製邊框,則修改該屬性,指向要使用的即可。

barimage

設定進度標識。預設值為images/progressbg_green.gif。如需定製,則修改該屬性,指向要使用的即可。這個分類兩節,前半節用於標識完成進度,後半截用於標識剩餘未完成進度。兩節長度相等,且等於進度條的寬度。

width

設定進度條的寬度,這個值必須與

barimage

和boximage

所指向的相適應。預設值為

120。

height

設定進度條的高度,這個值必須與

barimage

和boximage

所指向的相適應。預設值為12。

與伺服器的互動就不在這裡講了,就只是使用

ajax

從伺服器獲取進度值,然後用

progressbar(persent)

更新進度即可。

unity之進度條

歡迎來到我們的狗刨網,我們今天主要是自己根據自己寫的來完成進度,首先我今天有點收穫,要和大家一起分享。是那個進度條。知識點 首先進度條用到的是gui 的內容,首先在類外面建立乙個空的文字紋理,因為是進度條,是由兩個空的文字紋理,然後定義乙個當前的進度,再接著定義乙個 gui的方法,在方法裡面繪製兩個...

DevExpress之進度條

progressbarcontrol和marqueeprogressbarcontrol 一.progressbarcontrol progressbarcontrol是乙個進度條控制項 幾個重要引數 minimum 進度最小數值 maximum 進度最大數值 step 每走一步的數值 positi...

MFC控制項之進度條

這個是手工活,不多說。vs2008和vs2005可能沒有這個函式,需要手動新增,如果你不會新增,看看這裡吧。一般初始化就是設定控制項的範圍之類的。bool progressys oninitdialog void 例如本例是在按鈕新增的響應 void progressys onbnclickedbu...