jquery:进度条在html中显示

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

现在我有这个HTML,如果我将值插入我的进度条,它的工作原理

50% 

在此处输入图像描述

但如果我在jquery中这样做

在这里,我从控制器获得一个值

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

它没有工作..只有50写在盒子上没有别的..进度条不会出现

我试过这个也是通过在span类之后给出一个div然后将值传递给div,但它仍然无法正常工作

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

您不应该自己直接修改进度条的组件元素。 Progressbar小部件有一个可用于修改进度的API – 具体来说,您应该设置value选项:

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