View source

<div style="
  width:{{{width|75%}}};
{{#ifeq: {{{center|yes}}} | yes |
  margin:auto;
  text-align:center;}}">
{{#ifeq: {{{header|yes}}} | yes
| <p>
  <big>
  '''{{#expr: ( {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}}) * 100 round 1}}%'''
  </big>
  {{{text|completed <small>(estimate)</small>}}}
  </p>
}}
<p style="border:{{{border|1px solid black}}}; padding:{{{padding|1px}}}; overflow:hidden;">
  <span style="
    width: {{#expr: {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}%;
    height: {{{height|2}}}px;
    background:{{{color1|#7fff00}}};
    float:left;
    ">&nbsp;</span>
  <span style="
    width:{{#expr: 100 - {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}%;
    height:{{{height|2}}}px;
    background:{{{color2|#ff7f50}}};
    float:left;
    ">&nbsp;</span>
</p>