Template:Composition bar

10 / 100

{{Composition bar|amount|total|bar-color|options...}}

Options

width

Width of the bar: Can be given in any CSS-compatible dimension. (Default is 100px)

height

Height of the bar: Can be given in any CSS-compatible dimension. (Default is 12px)

background

Background color of the bar: Can be given in any CSS-compatible color statement. (Default is #fff)

bor-w

Width of the bar's border: Can be given in any CSS-compatible dimension. (Default is 1.5px)

bor-s

Style of the bar's border: Look here for possible styles. (Default is solid)

bor-c

Color of the bar's border: Can be given in any CSS-compatible color statement. (Default is #555)

per

Enter true to display percentage of the bar. (Default is false)

Examples

{{Composition bar|50|100|#AA47fE|per=true}}
50 / 100  (50%)

{{Composition bar|75|100|#47C7C0|width=150px|height=10px}}
75 / 100

{{Composition bar|5|25|#65B847|background=#9FFF7D|bor-s=none|per=true}}
5 / 25  (20%)