Difference between revisions of "Template:Chart bar/doc"

From Team Fortress Wiki
Jump to: navigation, search
(Created page with 'Draws a single horizontal percentage bar. Does not display the input value to a percentage. Default max value is 100. <pre> {{Chart bar|33}} </pre> Generates: {{Chart bar|33}} …')
 
Line 16: Line 16:
  
  
The bar color can be changed.
+
The bar color can be changed, and text can be made to appear on rollover.
 
<pre>
 
<pre>
{{Chart bar|33|hex=#c5c5c5}}
+
{{Chart bar|33|hex=#c5c5c5|hover=Light grey}}
{{Chart bar|54|hex=#a4a4a4}}
+
{{Chart bar|54|hex=#a4a4a4|hover=Dark grey}}
{{Chart bar|19|hex=#865839}}
+
{{Chart bar|19|hex=#865839|hover=Brown}}
 
</pre>
 
</pre>
 
Generates:
 
Generates:
{{Chart bar|33|hex=#c5c5c5}}
+
{{Chart bar|33|hex=#c5c5c5|hover=Light grey}}
{{Chart bar|54|hex=#a4a4a4}}
+
{{Chart bar|54|hex=#a4a4a4|hover=Dark grey}}
{{Chart bar|19|hex=#865839}}
+
{{Chart bar|19|hex=#865839|hover=Brown}}
  
  

Revision as of 03:35, 5 May 2014

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