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