jquery：在html中显示进度条

Question

当我将值写入我的 html 时，我的进度条工作正常，但当我从 jquery 传递值时它不起作用.. 例如 $('#progresslevel').html(data);

现在我有这个 html，如果我在进度条中插入值，它就可以工作

   <span class="demo-progress" data-progress-options='{"size":false,"style":"large","barClasses":["green-gradient","glossy"],"innerMarks":25,"stripes":true,"darkStripes":false}'>50%</span>

但是如果我在 jquery 中这样做

这里我从控制器获取一个值

  $('.demo-progress').html(data);

它没有用..盒子上只写了50，没有别的..进度条不出现

我也试过这个，在 span 类之后给一个 div，然后将值传递给 div，但它仍然没有工作

任何人都知道如何解决这个问题

Answer 1

您不应该自己直接修改进度条的组件元素。 Progressbar 小部件有一个API，您可以使用它来修改进度——具体来说，您应该设置value 选项：

$(".demo-progress").progressbar("option", "value", 50);