aligner twitter bootstrap barre de progression et un badge
Je suis en utilisant twitter bootstrap pour mon site. Je voudrais utiliser une barre de progression pour indiquer le pourcentage d'achèvement du processus.
Dans la barre de progression, je veux afficher le nom de l'étape de processus et de l'utilisation d'un badge, soit à la fin ou au début de la barre de progression pour afficher le pourcentage d'achèvement.
Voici le JS fiddle lien pour ce que je suis en train de faire
<div id="coolstuff" style="margin-top: 10px;">
<span class="badge" style="padding: 3px; width: 10px">10%</span>
<div class="progress" id="prgbar">
<div title="PO Details" class="bar" style="width: 20%;" id="prgwidth">Add New PO Detail</div>
</div><!-- end of progress bar -->
</div> <!-- end of cool stuff -->
Mais le pays de bade et la barre de progression n'obtenez pas alignées les unes à côté. Je ne suis pas très bon en css donc je ne suis pas sûr de ce que je peux faire pour les aligner dans la même ligne.
OriginalL'auteur Neel | 2012-06-03
Vous devez vous connecter pour publier un commentaire.
Essayer ce - http://jsfiddle.net/KBTy7/412/
Il ne m'autorise pas à le marquer comme une réponse à cause de certaines limites de temps.. va faire une fois qu'il est levé
De "Ajouter un nouveau PO détail" seulement "Ajouter" est visible..
La classe "pull-left" peut être utilisé: jsfiddle.net/D5CUp/1
OriginalL'auteur Zoltan Toth