改變jQuery UI的進度條

Question

我試圖改變進度條控件的值，接受一個JSON字符串我得到它我的價值觀是一樣的東西：

{ 
    'totalDays' : 31, 
    'daysTaken' : 20 
} 

，所以我想「totalDays」成爲進度條的總值（總長度）和填入進度條的'daysTaken'。

根據缺省文檔，僅填充值可以改變：

$(document).ready(function() { 
    $("#progressbar").progressbar({ value: 37 }); 
}); 

Answer 1

有設置在初始化後的值的單獨方法。

var obj = {totalDays: 31, daysTaken: 20}; 
$("#progressbar").progressbar('value', obj.daysTaken/obj.totalDays * 100); 

沒有可配置的最大值，但它確實沒有必要，因爲它很容易規範化值。

http://jqueryui.com/demos/progressbar/

Answer 2

這是你如何設置的jQuery UI的進度條

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

來源，文檔的價值在http://jqueryui.com/demos/progressbar/#option-value