Voir la source de Modèle:Progress bar

<div style="
  width:{{{width|75%}}};
{{#ifeq: {{{center|yes}}} | yes |
  margin:auto;
  text-align:center;}}">
{{#ifeq: {{{header|yes}}} | yes
| <p>  {{Large|1=
  '''{{#expr: ({{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}}) * 100 round {{{decimal|1}}}}}%'''
  }}  {{{text|completed <small>(estimate)</small>}}}  </p>
}}
<p style="border:{{{border|1px solid #c8ccd1}}}; padding:{{{padding|1px}}}; overflow:hidden;">  <span style=" <!-- if percentage is higher than 100%, show all green bar -->
    width: {{#ifexpr: ({{{1|0}}}/{{{total|100}}})>1 | 100 | {{#expr: {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}}}%;
    height: {{{height|2}}}px;
    background:{{{color1|#00af32}}};
    float:left;
    ">&nbsp;</span>
  <span style=" <!-- if percentage is higher than 100%, show no grey bar -->
    width: {{#ifexpr: ({{{1|0}}}/{{{total|100}}})>1 | 0 | {{#expr: 100 - {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}}}%;
    height: {{{height|2}}}px;
    background:{{{color2|#eaecf0}}};
    float:left;
    ">&nbsp;</span></p>
</div><noinclude>{{Documentation}}</noinclude>