Difference between revisions of "Template:Chart bar"

From Team Fortress Wiki
Jump to: navigation, search
(Created page with '<div style="overflow:hidden; width:{{{width|100%}}}; margin: none; font-size:x-small; text-align:right; {{{style|}}}"><!-- --><span style=" width: {{#expr: {{formatnum:{{{…')
 
Line 3: Line 3:
 
     width: {{#expr: {{formatnum:{{{1|0<noinclude>33</noinclude>}}}|R}} / {{formatnum:{{{max|100}}}|R}} * 100}}%;
 
     width: {{#expr: {{formatnum:{{{1|0<noinclude>33</noinclude>}}}|R}} / {{formatnum:{{{max|100}}}|R}} * 100}}%;
 
     height: {{{height|16px}}};
 
     height: {{{height|16px}}};
     background:{{{color1|#F3A957}}};
+
     background:{{{hex|#F3A957}}};
 
     float:left;
 
     float:left;
 
     line-height:{{{height|16px}}};
 
     line-height:{{{height|16px}}};

Revision as of 12:22, 28 January 2011

 33 

Template documentation [view] [edit] [history] [purge]

Draws a single horizontal percentage bar. Does not display the input value to a percentage. Default max value is 100.

{{Chart bar|33}}

Generates:

 33 


The max value can be edited.

{{Chart bar|360|max=500}}

Generates:

 360 


The bar color can be changed, and text can be made to appear on rollover.

{{Chart bar|33|hex=#c5c5c5|hover=Light grey}}
{{Chart bar|54|hex=#a4a4a4|hover=Dark grey}}
{{Chart bar|19|hex=#865839|hover=Brown}}

Generates:

 33 
 54 
 19 


The max width can be edited.

{{Chart bar|100|width=10%}}
{{Chart bar|100|width=30%}}
{{Chart bar|100|width=80%}}

Generates:

 100 
 100 
 100