jQuery для изменения атрибута индикатора выполнения "aria-valuenow" и свойства CSS "width"

У меня есть индикатор на моей странице (Bootstrap), который выглядит следующим образом:

<div id="theprogressbar" class="progress-bar progress-bar-u" 
     role="progressbar" aria-valuenow="75%" aria-valuemin="0" 
     aria-valuemax="100" style="width: 75%">

Я хотел бы обновить его с помощью jQuery, я уже проделал большую часть работы и вычислил новое значение, которое мне нужно добавить в него, но не уверен, как настроить таргетинг на значения aria-valuenow и style="width: ".

Предполагая, что мой jQuery дает мне новый value+% в качестве переменной с именем newprogress:

$('#theprogressbar'). *(please help me finish this line)* (newprogress)

Ответы

Ответ 1

$('#theprogressbar').attr('aria-valuenow', newprogress).css('width', newprogress);

Ответ 2

Вы могли бы использовать

$('#theprogressbar').attr("aria-valuenow","the new value"); 
$('#theprogressbar').attr("style","width:"+theincrementingvalue);

Или вы можете использовать .css в jquery http://api.jquery.com/css/

Ответ 3

Это работает лучше:

var newprogress=80;
$('#id').width(newprogress + "%").attr('aria-valuenow', newprogress);

Ответ 4

Чтобы установить ширину, используйте метод width() для jQuery.

Для доступа к aria-valuenow используйте attr().

Объединяя оба:

$('#id').width(newprogress).attr('aria-valuenow', newprogress);

Ответ 5

Вы можете применить атрибуты этих элементов как:

$('#theprogressbar').attr('aria-valuenow',value+'%');   

and 

$('#theprogressbar').attr('width',value+'%');

если значение находится в переменной.

$('#theprogressbar').attr('aria-valuenow',newprogressvalue);