更改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/