2013-07-30 40 views
3

我試圖向jQuery progressbar添加四分之一刻度線,用垂直線表示,然後在刻度線下面添加相應的值。我希望這些豎條重疊在實際的進度條上。jquery進度條 - 顯示四分之一刻度和下面的值

例如:

----------------- | --------------------- ----- | --------------------- | --------------------- |

 25%    50%   75%   100% 

我想要做的就是直觀地表示進度當前所在的位置。

可能是由於我缺乏經驗,我無法找到這個問題的答案。

謝謝大家的幫助。

回答

1

只需更改代碼中某些位置的值即可。

//初始化

$(".selector").progressbar({ value: 25 }); 

獲取或值選項設置,初始化後:這裏

//吸氣

var value = $(".selector").progressbar("option", "value"); 

//二傳手

$(".selector").progressbar("option", "value", 25); 

來源http://api.jqueryui.com/progressbar/

編輯:我認爲這是你正在嘗試使用的進度條

+1

謝謝@ Seano666。這隻會更新進度條的當前值。無論實際進度值是什麼,我都希望所有4個值(25%,50%,75%,100%)加上相應的刻度標記。 – cifuentes

+0

在股票JQuery UI小部件中看起來不像刻度線是可添加的,你可以嘗試一下這樣的地方,在那裏你實際創建了這個小節,也就是說你可以在自己的行中添加等等。http:// workshop。 RS/2012/12 /動畫-進度條式-4-線-OF-的jquery / – Seano666