更改jquery ui進度條的值

Question

我試圖更改進度條小部件的值，以接受我得到的json字符串，如下所示：

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

所以我希望'totalDays'是進度條的總值（總長度）和'daysTaken'來填充進度條。

根據默認文檔，只有填充值可以更改：

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

Answer 1

在init之后有一個單獨的方法來設置值。

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 );