
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)更新進度即可。
沒有想到翻譯項目組這次這么迅速就把Spring Framework 2.5 Reference翻譯完成。抄襲一句項目首頁的話:有理由相信,
中文開源世界必將在不久的將來展現出更廣闊的發展空間,希望大家都能為推動中國軟件發展奉獻出自己的一份力量。