Difference between revisions of "Template:ProgressBar"
From Fixme.ch
| Line 2: | Line 2: | ||
<!-- Note: L’attribut longueur n’est utilisé ici qu’à des fins de comptabilité avec l’attribut L des modèles AvancementC et AvancementC2 devenus obsolètes, il est tout à possible de l’intégrer en tant qu’argument du modèle dans la documentation bien que son intérêt soit limité --> | <!-- Note: L’attribut longueur n’est utilisé ici qu’à des fins de comptabilité avec l’attribut L des modèles AvancementC et AvancementC2 devenus obsolètes, il est tout à possible de l’intégrer en tant qu’argument du modèle dans la documentation bien que son intérêt soit limité --> | ||
| − | {{#ifexpr:{{{inline|{{{8|0}}}}}}=0|<div class="avance_boite" style="{{{fond|{{{3|}}}}}}"><div class="avance_barre" style="background:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}}; width:{{#iferror: {{#if: {{{longueur|{{{avancement|}}}}}}|{{#expr:{{{longueur|{{{avancement|1}}}}}}+0}}|{{#expr:{{{1|1}}}+0}}}}|0|{{#if: {{{longueur|{{{avancement|}}}}}}|{{{longueur|{{{avancement|1}}}}}}|{{{1|1}}}}}}}%; {{{barre|{{{4|}}}}}}"><div class="avance_texte" style="{{{texte|{{{5|}}}}}}">{{#if:{{{alt|{{{6|}}}}}}|{{{alt|{{{6}}}}}}|{{#iferror:{{#expr:{{{avancement|{{{1|1}}}}}}+0}}|?|{{formatnum:{{{avancement|{{{1|1}}}}}}}}}} %}}</div></div></div>|<span style="border:1px solid gray;z-indez:1;position:relative;left:1em;font-size:14px;{{{fond|{{{3|}}}}}}"><span style="z-indez:3;vertical-align:top;margin:0px;padding:0px;color:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}};background-color:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}};{{{barre|{{{4|}}}}}}"> {{Dupliquer|({{{longueur|{{{avancement|{{{1|1}}}}}}}}} / 10 round 0)|█}}</span><span style="z-indez:2;margin:0px;padding:0px;background-color:#D3D3D3;color:#D3D3D3;">{{Dupliquer|10 - ({{{longueur|{{{avancement|{{{1|1}}}}}}}}} / 10 round 0)|█}}</span></span><span style="z-indez:4;margin:0px;padding:0px;position:relative;right:4em;top:1px;"><span style="z- | + | {{#ifexpr:{{{inline|{{{8|0}}}}}}=0|<div class="avance_boite" style="{{{fond|{{{3|}}}}}}"><div class="avance_barre" style="background:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}}; width:{{#iferror: {{#if: {{{longueur|{{{avancement|}}}}}}|{{#expr:{{{longueur|{{{avancement|1}}}}}}+0}}|{{#expr:{{{1|1}}}+0}}}}|0|{{#if: {{{longueur|{{{avancement|}}}}}}|{{{longueur|{{{avancement|1}}}}}}|{{{1|1}}}}}}}%; {{{barre|{{{4|}}}}}}"><div class="avance_texte" style="{{{texte|{{{5|}}}}}}">{{#if:{{{alt|{{{6|}}}}}}|{{{alt|{{{6}}}}}}|{{#iferror:{{#expr:{{{avancement|{{{1|1}}}}}}+0}}|?|{{formatnum:{{{avancement|{{{1|1}}}}}}}}}} %}}</div></div></div>|<span style="border:1px solid gray;z-indez:1;position:relative;left:1em;font-size:14px;{{{fond|{{{3|}}}}}}"><span style="z-indez:3;vertical-align:top;margin:0px;padding:0px;color:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}};background-color:{{{couleur|{{#if:{{{2|}}}|{{{2}}}|{{ProgressBar/ColorChart|{{{avancement|{{{1|1}}}}}}|{{{inv|{{{7|0}}}}}}}}}}}}};{{{barre|{{{4|}}}}}}"> {{Dupliquer|({{{longueur|{{{avancement|{{{1|1}}}}}}}}} / 10 round 0)|█}}</span><span style="z-indez:2;margin:0px;padding:0px;background-color:#D3D3D3;color:#D3D3D3;">{{Dupliquer|10 - ({{{longueur|{{{avancement|{{{1|1}}}}}}}}} / 10 round 0)|█}}</span></span><span style="z-indez:4;margin:0px;padding:0px;position:relative;right:4em;top:1px;"><span style="z-index:5;margin:0px;padding:0px;color:black;font-size:14px;{{{texte|{{{5|}}}}}}">{{#if:{{{alt|{{{6|}}}}}}|{{{alt|{{{6}}}}}}|{{#iferror:{{#expr:{{{avancement|{{{1|1}}}}}}+0}}|?|{{formatnum:{{{avancement|{{{1|1}}}}}}}}}} %}}</span></span>}} |
</includeonly> | </includeonly> | ||
Revision as of 21:39, 8 January 2013
Added from http://fr.wikipedia.org/wiki/Mod%C3%A8le:Avancement. Added https://fixme.ch/wiki/Template:Avancement/Nuancier
We need to add some .css in the MediaWiki:Common.css in order to make it work properly I don't have the rights... Noskill
Anyone ?
Until this is added to the .css, you'll need to add every Template:Avancement#Parameters
/* BOÎTES D'AVANCEMENT */
/* Pour les boites d'avancement, voir [[Template:Avancement]]. */
.avance_boite {
position: relative;
margin: 0;
padding: 0;
width: 100px;
height: 16px;
background: #D3D3D3;
border: solid 1px gray;
}
.avance_barre {
position: relative;
margin: 0;
padding: 0;
height: 100%;
background: #A0A0FF;
border: 0;
vertical-align: middle;
}
.avance_texte {
position: absolute;
top: 50%;
left: 0;
width: 100px;
height: 100%;
padding: 0;
border: 0;
margin: 0;
margin-top: -0.5em;
text-align: center;
font-size: 14px;
line-height: 1em;
}
Parameters
La signification des paramètres est la suivante :
| Paramètre | Description | Type | Format |
|---|---|---|---|
avancement |
Avancement | Obligatoire | Numérique. |
couleur |
Couleur de la barre d’avancement. Par défaut la couleur de la barre d’avancement est en fonction du paramètre d’avancement (dégradé de rouge (0 %) à vert (100 %)). | Facultatif | Couleur (aide). |
fond |
Style du fond de la barre d’avancement. Par défaut « gris clair » avec une bordure « grise foncée ». | Facultatif | Style CSS. |
barre |
Style de la barre d’avancement. La couleur ne devrait pas être spécifiée ici mais par le paramètre couleur. Vous pourriez y spécifier un style supplémentaire à la barre d’avancement (marges, bordures, etc). | Facultatif | Style CSS. |
texte |
Style du texte affiché. Par défaut reprend le style de texte de la section où est inséré le modèle. | Facultatif | Style CSS. |
alt |
Texte alternatif. Par défaut affiche l’avancement suivi du signe « % » | Facultatif | Chaîne de caractères |
inv |
Dégradé inversé. Passant du vert (0 %) au rouge (100 %). Par défaut affiche le dégradé dans son ordre « logique ». | Facultatif | "1" pour activer (voir exemples) |
inline |
Permet un affichage intégré dans le flux du texte (mode d’affichage CSS « inline »). Notez que cette option désactive les styles définis pour les barres d’avancement dans votre monobook CSS (voir personnalisation). L’utilisation de cette option peut donner des résultats variables, voire inattendus sur certains navigateurs. | Facultatif | "1" pour activer (voir exemples) |
