Jquery cambiare progresso-bar aria-valuenow e proprietà

Question

larghezza css ho una barra di avanzamento sulla mia pagina (bootstrap) che assomiglia a questo:

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

vorrei aggiornarlo tramite jQuery, ho ho già svolto gran parte del lavoro e calcolato il nuovo valore che ho bisogno di inserire, ma non sono sicuro su come indirizzare i valori Aria-valuenow e style=width.

Supponendo che il mio jQuery mi dà il nuovo valore +% come una variabile chiamata newprogress

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

Answer 1

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

Answer 2

È possibile applicare gli attributi di questi elementi come:

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

and 

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

se il valore è in variabile.

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

Answer 3

Per impostare uso larghezza width() metodo di jQuery.

Per accedere a aria-valuenow utilizzare attr().

Combinando entrambi:

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

Answer 4

si potrebbe usare

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

Oppure si potrebbe usare css in jQuery http://api.jquery.com/css/

Answer 5

Questo funziona meglio:

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