JQuery Fortschritt-Bars aria-valuenow und CSS-Eigenschaft width

Question

ich einen Fortschrittsbalken auf meiner Seite (Bootstrap), der so aussieht ändern müssen:

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

Ich möchte aktualisieren es über jQuery, ich habe Ich habe bereits den Großteil der Arbeit erledigt und den neuen Wert berechnet, den ich einbringen muss, bin mir aber nicht sicher, wie ich die Werte Aria-valuenow und style=width anvisieren soll.

Unter der Annahme, meine jQuery gibt mir den neuen Wert +% als newprogress

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

Answer 1

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

Answer 2

Sie genannt Variable als die Attribute dieser Elemente anwenden können:

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

and 

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

, wenn der Wert in der Variable ist.

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

Answer 3

zu Breiter Verwendung width() Methode von jQuery eingestellt.

Um auf aria-valuenow zuzugreifen, verwenden Sie attr().

beide Kombination:

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

Answer 4

Sie

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

verwenden könnte Oder Sie könnten in jquery verwenden .css- http://api.jquery.com/css/

Answer 5

Das funktioniert besser:

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