Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

Jump to content

Template:Progress bar/doc

From Wikipedia, the free encyclopedia


Usage

[edit]
{{Progress bar|value}}

This template draws a progress bar. By default, the value to supply as the parameter is the percent, from 0 to 100 (e.g. 1 would mean 1%, .1 would be 0.1%). If a value isn't specified or is invalid, the bar displays 0%. Values greater than 100% will display incorrectly, although the text label will be correct.

Optional parameters

[edit]
  • height = height of the progress bar in pixels; defaults to 2
  • width = width of the progress bar; defaults to 75%
  • text = message to display after %; defaults to: completed (estimate)
  • total = amount to use as the denominator (instead of 100), allows the template to compute the percentage on the fly
  • header = no (or any value other than "yes", which is the default) suppresses the display of the percentage on the top line
  • color1 = the colour of the filled portion of the progress bar
  • color2 = the colour of the background of the progress bar
  • decimal = the number of decimal places to round to; defaults to 1

Examples

[edit]

Default configuration

[edit]

{{Progress bar|5}} :

5% completed (estimate)

   

With custom header text

[edit]

{{Progress bar|5|text=done}} :

5% done

   

Without header text

[edit]

{{Progress bar|80|header=no|text=does not display here}} :

   

Custom height and width

[edit]

{{Progress bar|80|height=4|width=50%}} :

80% completed (estimate)

   

Custom total

[edit]

{{Progress bar|5|total=5}} :

100% completed (estimate)