Template:ProgressBar

This template shows a percentage completed between two values in the form of a progress bar. This may be useful for showing the completion of a project.

{{ProgressBar
|completed things
|total things
|width=bar width with measurement (e.g. %, px)
|type=Replaces "pages" in the text above the bar
|text=Replaces the entire text shown above the bar
|notext=Don't show the text above the bar
|style=Overall styling
|textstyle=Text styling
|barstyle=Progress bar styling
|completedstyle=Completed bar styling
}}

The completed things, total things and percentage of completed things can be shown in the text by using these variables in the text parameter:

$1, number of completed items

$2, the number of total items

$%, percentage completed

{{ProgressBar|50|100}}

{{ProgressBar
|120
|200
|width=200px
|style=margin: 0
|barstyle=border-color: #CCC; background-color: #F9F9F9
|completedstyle=background-color: #729FCF
|notext=1
}}

{{ProgressBar
|50
|38
|width=80%
|type=item pages
}}

{{ProgressBar
|12
|60
|width=80%
|text=Of the $2 entity pages: <big>'''$%'''</big> have been processed by project members.
}}