Jquery zmienić Progress-bary aria-valuenow i szerokość css nieruchomość

Question

Mam pasek postępu na mojej stronie (Bootstrap), który wygląda tak:

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

Chciałbym zaktualizować go za pomocą jQuery, mam wykonałem już większość pracy i obliczyłem nową wartość, którą muszę wprowadzić, ale nie jestem pewien, jak kierować wartości Aria-valuenow i style=width.

Zakładając moim jQuery daje mi nową wartość +% jako zmienną o nazwie newprogress

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

Answer 1

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

Answer 2

Można zastosować atrybuty tych elementów, jak:

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

and 

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

jeśli wartość jest w zmiennej.

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

Answer 3

Aby ustawić szerokość Użyj width() sposób jQuery.

Aby uzyskać dostęp do aria-valuenow użyj attr().

Łącząc oba:

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

Answer 4

Można użyć

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

Albo można użyć .css w jQuery http://api.jquery.com/css/

Answer 5

To działa lepiej:

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