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

来源，http://jqueryui.com/demos/progressbar/#option-value

上的文档