Progress/doc

Documentation (contains usage information for Template:Progress)

Template for displaying progress bars.

Usage[]

{{Progress|60|120}}

Parameters[]

Required

<unnamed 1>

The current progress.

Sometimes required or at least one required

(default: "100")

<unnamed 2>

The total or goal which is being worked towards.

Optional

(default: "transparent")

bg color

Main background color of the bar. Accepts standard HTML color names or RGB hex triplets.

Optional

(default: "#AAAAAA")

border color

Color of the box border. Accepts standard HTML color names or RGB hex triplets.

Optional

(default: "20")

height

Height of the bar in px.

Optional

(default: "percent")

legend

Determines how the legend, i.e. the textual representation of the progress, is displayed.

Available options:

absolute: Progress is displayed as an absolute (e.g. "55/100").
none: No legend displayed.
percent: Progress is displayed as a percentage (e.g. "87%").

Optional

(default: "#00FF00")

progress color

Color of the bar representing the achieved progress. Accepts standard HTML color names or RGB hex triplets.

Optional

(default: "#000000")

text color

Color of the text within the bar, i.e. the legend. Accepts standard HTML color names or RGB hex triplets.

Optional

(default: "200")

width

Width of the bar in px.

Examples[]

Standard usage[]

{{Progress|55|120}}

results in:

45.8%

Legend displayed as absolute[]

{{Progress|55|120|legend=absolute}}

results in:

55/120

Different colors[]

{{Progress|55|120|bg color=blue|border color=red|progress color=yellow|text color=#00FF00}}

results in:

45.8%

Different width/height[]

{{Progress|55|120|width=400|height=30}}

results in:

45.8%