Barre de progression dans un tableau

Par T3ddy, il y a 10 ans

Les bases HTML/CSS

SAlut à tous,
J'ai trouvé ce tableau dont j'apprécie beaucoup le style notamment le remplissage de la barre en fonction du pourcentage.

http://themes.getbootstrap.com/products/dashboard?variant=3943163717

Un peu comme le tableau countries ( la chose est plus visible dans la version light)

J'aurai voulut savoir comme je pouvais réaliser cela en CSS ?

Car étant débutant je n'ai pas encore trouvé de solution qui soit simple et qui s'implément facilement avec le PHP

2 réponses

Huggy, il y a 10 ans

Bonjour T3ddy,
Pour le remplissage, je t'invite à regarder par toi même avec l'outil de développement (tous les navigateurs en ont un).
Tu verras que c'est un simple span dont la largeur est égale au pourcentage "width: 62.5%"
le 100% étant la largeur de la balise parente (un h4 ici).
En php, le plus simple est de mettre une span affublée d'un attribut style="width:$pourcent%"

T3ddy, il y a 10 ans

Merci pour ta réponse