jquery: barre de progression show in html

ma barre de progression fonctionne parfaitement lorsque j’écris de la valeur dans mon HTML, mais cela ne fonctionne pas lorsque je passe de la valeur à jquery.

en ce moment j’ai ce html dans lequel si j’insère de la valeur dans ma barre de progression cela fonctionne

50% 

entrez la description de l'image ici

mais si je le fais en jquery

Ici, je reçois une valeur de contrôleur

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

cela n’a pas fonctionné .. seulement 50 est écrit sur la boîte et rien d’autre .. la barre de progression n’apparaissent pas

J’ai aussi essayé en donnant un div après la classe, puis de passer de la valeur à la div, mais cela n’a toujours pas fonctionné

Quelqu’un sait comment résoudre ce problème

Vous ne devez pas modifier directement les éléments composant la barre de progression vous-même. Le widget Progressbar dispose d’une API que vous pouvez utiliser pour modifier la progression. Vous devez en particulier définir l’option value :

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