Template:Progress bar

Template documentation

Useage

{{Progress bar
|amount=
|total=
|width=
|bar-color=
|background-color=
}}

Examples

Code	Result
{{Progress bar}}	amount / total (%) <div style="background-color: #1c75bc; width: %; height: .85em;">
{{Progress bar|amount=10}}}	50 / 100 (50%)
{{Progress bar|amount=10|total=45}}	50 / 100 (50%)
{{Progress bar|amount=10|total=45|width=200px}}	50 / 100 (50%)
{{Progress bar|amount=10|total=45|width=100%|bar-color=red}}	50 / 100 (50%)
{{Progress bar|amount=10|total=45|width=100%|bar-color=red|background-color=#aa0011}}}	50 / 100 (50%)

Template Data

The progress bar is used to display progress between a total number and a partial number (i.e. 1 out of 100).

Template parameters[Edit template data]

Parameter		Description	Type	Status
amount	amount	The amount of a thing (also functions as the numerator.) Should preferably be restricted to whole numbers. Example 1, 20, 50, 125, 15215	Unknown	optional
total	total	The total of a thing (also functions as the denominator.) Should preferably be restricted to whole numbers. Example 1000, 1024124, 12, 24	Unknown	required
width	width	Sets a custom width for the bar. By default, the width is 100px. Example 300px, 400em, 50%, etc.	Unknown	optional
bar-color	bar-color	Allows you to change the color of the bar. Defaults to {{olb}}. Example #00000, #aaa, hsla(20, 80%, 100%, 0.5), etc.	Unknown	optional