« Modèle:Barre de progression » : différence entre les versions

De Le Wiki de Lug
Aller à la navigation Aller à la recherche
Modèle>Orlodrim
m (Suppression de contenu à la fois en <includeonly> et <noinclude> (donc jamais utilisé))
m (14 revisions imported)
 
(3 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 5 : Ligne 5 :
   text-align:center;}}
   text-align:center;}}
   {{{CSS|}}}">
   {{{CSS|}}}">
{{#ifeq: {{{en-tête|non}}} | non
{{#ifeq: {{{en-tête|oui}}} | non
|
| <p>
| <p>
   <big>
   {{Grand|1=
   '''{{#expr: ( {{{1|0}}} / {{{total|100}}}) * 100 round 1}}%'''
   '''{{formatnum:{{#expr: ( {{{1|0}}} / {{{total|100}}}) * 100 round 1}}}}&nbsp;%'''
   </big>
   }}
   {{{texte|accompli <small>(estimation)</small>}}}
   {{{texte|accompli <small>(estimation)</small>}}}
   </p>
   </p>
}}
}}
<p style="border:{{{bordure|1px solid gray}}}; padding:{{{padding|1px}}}; overflow:hidden;">
<p style="border:{{{bordure|1px solid #c8ccd1}}}; padding:{{{padding|1px}}}; overflow:hidden;">
   <span style="
   <span style="
     width: {{#expr: {{{1|0}}} / {{{total|100}}} * 100}}%;
     width: {{#expr: {{{1|0}}} / {{{total|100}}} * 100}}%;
     height: {{{hauteur|2}}}px;
     height: {{{hauteur|2}}}px;
     background:{{{couleur1|#5FDB00}}};
     background:{{{couleur1|#00af32}}};
     float:left;
     float:left;
     ">&nbsp;</span>
     ">&nbsp;</span>
Ligne 23 : Ligne 24 :
     width:{{#expr: 100 - {{{1|0}}} / {{{total|100}}} * 100}}%;
     width:{{#expr: 100 - {{{1|0}}} / {{{total|100}}} * 100}}%;
     height:{{{hauteur|2}}}px;
     height:{{{hauteur|2}}}px;
     background:{{{couleur2|#E2E2E2}}};
     background:{{{couleur2|#eaecf0}}};
     float:left;
     float:left;
     ">&nbsp;</span>
     ">&nbsp;</span>
</p>
</p>
</div></includeonly><noinclude>{{Documentation}}</noinclude>
</div></includeonly><noinclude>{{Documentation}}</noinclude>

Version actuelle datée du 9 avril 2021 à 11:43

 Documentation[voir] [modifier] [historique] [purger]

Utilisation

Ce modèle dessine une barre de progression. La valeur à l'offre que le paramètre est le pour cent, de 0 à 0,01 ou 0,99 à 1 ou 1,01 à 99,99 ou 100. 14 voudrait dire 14%, 0,14 serait de 0,14%. Si vous ne spécifiez pas une valeur, elle renvoie 0%.

Syntaxe

  • {{Barre de progression|valeur numérique|param 2}}

Paramètres

  • largeur = par défaut à 75%.
  • hauteur = par défaut 2px.
  • texte = message à afficher après le signe « % »; par défaut: complété (estimation).
  • total = chiffre à utiliser comme dénominateur (au lieu de 100), le modèle permet de calculer le pourcentage à la volée.
  • en-tête = la valeur « non » supprime l'affichage du pourcentage sur la ligne supérieure. Par défaut « oui ».
  • centré = la valeur « non » décentre la barre de progression. Par défaut « oui ».
  • bordure = ce paramètre résout un style CSS. Par défaut « 1px solid gray ».
  • couleur1 = couleur de la barre de progression. Par défaut « #5FDB00 ».
  • couleur2 = à droite de la barre de progression. Par défaut « #E2E2E2 ».

Exemple

  • {{Barre de progression|50}}

50 % accompli (estimation)

   

  • {{Barre de progression|75|largeur=100px|hauteur=10|en-tête=non}}

   

Voir aussi