Jquery pour changer de barre de progression aria-valuenow et css largeur de la propriété

J'ai une barre de progression sur ma page (Bootstrap) qui ressemble à ceci:

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

Je voudrais le mettre à jour via jQuery, j'ai déjà fait la plupart du travail et calculé la nouvelle valeur que j'ai besoin de mettre en elle, mais je suis pas sûr de savoir comment cibler les Aria-valuenow et la style=width valeurs.

En supposant que ma jQuery me donne la nouvelle valeur+% comme une variable appelée newprogress

$('#theprogressbar'). *(please help me finish this line)* (newprogress)
$('#theprogressbar').attr('aria-valuenow',value+'%'); $('#theprogressbar').attr('width',value+'%');

OriginalL'auteur Ray_Hack | 2015-06-04

  1. 40
    $('#theprogressbar').attr('aria-valuenow', newprogress).css('width', newprogress);
    grâce à ce qui était sur place et a travaillé un régal. Remarque: pour mes propres fins, j'ai dû ajouter newprogress+'%' pour s'assurer que il est entré dans la largeur en % plutôt que de px.
    La valeur de aria-valuenow devrait être sans %. Dans votre question initiale, vous avez un % dans l'exemple que newprogress comprend déjà %. C'est pourquoi cette réponse n'a pas l'ajouter à nouveau. Mais, vous ne devez pas ajouter % à newprogress et au lieu d'ajouter uniquement lorsque vous définissez la largeur. De votre commentaire, je comprends que vous avez déjà fait cela. Je suis juste commenter pour le rendre clair pour d'autres, la lecture de ce.

    OriginalL'auteur Denis Slonovschi

  2. 5

    Vous pouvez utiliser 

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

    Ou vous pourriez utiliser .css, jquery http://api.jquery.com/css/

    OriginalL'auteur jameshwart lopez

  3. 0

    Vous pouvez appliquer les attributs de cet élément:

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

and 

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

    si la valeur est variable.

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

    OriginalL'auteur Umesh Sehta

  4. 0

    Pour régler la largeur d'utiliser width() méthode de jQuery.

    Pour accéder à aria-valuenow utilisation attr().

    Combinant à la fois:

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

    OriginalL'auteur Priyank Sheth

  5. 0

    Cela fonctionne mieux:

    var newprogress=80;
$('#id').width(newprogress + "%").attr('aria-valuenow', newprogress);
    Bienvenue DONC. Au lieu de simplement coller du code, il est utile que si vous donnez une explication des raisons pour lesquelles cela fonctionne. De cette façon, vous aider les autres à comprendre pourquoi cela fonctionne.

    OriginalL'auteur Carlo Pescetto