« Modèle:Barre de progrès » : différence entre les versions
(Améliorations et correction de bugs) |
(Utilisation de ceil au lieu de round) |
||
Ligne 1 : | Ligne 1 : | ||
<includeonly><div style="display:inline-block; vertical-align:middle; border: 1px solid grey; height: 1em; width: {{{largeur|100%}}}"><div style="display:inline-block; margin-bottom:2px; background-color:{{#ifexpr:{{{gradient|0}}}|{{#switch: {{#expr: {{{items}}} / {{{total}}} * 4 | <includeonly><div style="display:inline-block; vertical-align:middle; border: 1px solid grey; height: 1em; width: {{{largeur|100%}}}"><div style="display:inline-block; margin-bottom:2px; background-color:{{#ifexpr:{{{gradient|0}}}|{{#switch: {{#expr: ceil({{{items}}} / {{{total}}} * 4)}} | ||
| 1 = {{#ifexpr:{{{inverse|0}}}|{{{couleur1|green}}}|{{{couleur1|red}}}}} | | 1 = {{#ifexpr:{{{inverse|0}}}|{{{couleur1|green}}}|{{{couleur1|red}}}}} | ||
| 2 = {{#ifexpr:{{{inverse|0}}}|{{{couleur2|yellow}}}|{{{couleur2|orange}}}}} | | 2 = {{#ifexpr:{{{inverse|0}}}|{{{couleur2|yellow}}}|{{{couleur2|orange}}}}} |
Dernière version du 4 juillet 2018 à 13:20
Utilisation
Affiche une barre de progrès.
Exemples
- 0%:
- 50% et rouge:
- 100%:
Gradient
- 24%:
- 49%:
- 74%:
- 99%:
Gradient inverse
- 24%:
- 49%:
- 74%:
- 99%:
Paramètres
Affiche une barre de progrès.
Paramètre | Description | Type | État | |
---|---|---|---|---|
Largeur | largeur | Largeur CSS.
| Chaîne | suggéré |
Gradient | gradient | Change la couleur à mesure que la valeur change.
| Booléen | facultatif |
Items | items | Nombre d'items. | Nombre | obligatoire |
Total | total | Nombre total d'items. | Nombre | obligatoire |
Inversion | inverse | Inversion du gradient.
| Booléen | facultatif |
couleur1 | couleur1 | aucune description | Inconnu | facultatif |
couleur2 | couleur2 | aucune description | Inconnu | facultatif |
couleur3 | couleur3 | aucune description | Inconnu | facultatif |
couleur4 | couleur4 | aucune description | Inconnu | facultatif |
Couleur | couleur | Couleur CSS de la barre lorsque le mode gradient n'est pas activé.
| Chaîne | facultatif |
La documentation de ce modèle est incluse depuis sa sous-page de documentation (modifier | historique).
Veuillez placer les catégories dans la sous-page /Documentation.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).