Comment changer la couleur d'une barre de progression bootstrap (twitter) à l'exécution
Je suis à l'aide de cette barre de progression :
http://twitter.github.com/bootstrap/components.html#progress
Et souhaitez donner une couleur personnalisée, connue qu'à l'exécution
(donc coder en dur dans le css ou moins fichier n'est pas une option)
J'ai essayé ceci :
<div class="progress">
<div id='pb' class="bar" style="width: 80%"></div>
</div>
<script>
$('#pb').css({'background-color': "red"})
</script>
sans succès.
source d'informationauteur Max L.
Vous devez vous connecter pour publier un commentaire.
Votre code est en fait de travail, c'est juste que la barre de progression est fait à l'aide d'un dégradé de couleur au lieu d'un solide
background-color
de la propriété. Pour changer la couleur d'arrière-plan, réglez lebackground-image
ànone
et votre couleur sera ramassé:Il y a maintenant un bootstrap 3.2 barre de progression de l'outil concepteur.
http://bootstrapdesigntools.com/tools/bootstrap-progress-bar-designer/
Vous devriez changer le conteneur div class afin de changer la couleur.
Exemple à l'aide .le progrès-danger pour la couleur rouge:
Plus de couleurs (en remplaçant simplement le bouton pour le progrès dans le nom de la classe).
http://twitter.github.com/bootstrap/base-css.html#buttons
Mise à jour:
Afin d'ajouter le nom de la classe au moment de l'exécution avec javascript prendre un coup d'oeil à http://snipplr.com/view/2181/ ou http://api.jquery.com/addClass/ si vous êtes à l'aide de jQuery.
Espère que cela aide.
Entendez-vous comment changer les couleurs l'une dans l'autre au moment de l'exécution?
Je peux seulement imaginer ce que vous faites, car vous n'avez pas marqué toute personne comme étant correcte. Dans le cas où vous ne dire que cela, alors jetez un oeil à cette infime jsFiddle
HTML
JS
http://jsfiddle.net/LewisCowles1986/U9xw6/