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 написано на коробке и больше ничего.. индикатор выполнения не появляется

я пробовал это также, давая div после класса span, а затем передать значение в div, но все равно это не сработало

Кто-нибудь знает, как решить эту проблему

Answer 1

Вы не должны непосредственно изменять компоненты компонента индикатора выполнения самостоятельно. Виджет Progressbar имеет API, который вы можете использовать для изменения прогресса - в частности, вы должны установить value опция:

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