Template:Progress ring

[view | edit | purge]Documentation

{{#rreplace:60|\D|}}%

{{#rreplace:noId|[^0-9a-zA-Z\-]+|}}

Creates a progress ring

Template style in Template:Progress_ring/ProgressRing.css

Usage

{{Progress ring|radius=40|width=8|color=green|percentage=0|id=anything}}

For more parameters, see TemplateData.

NB! Setting an ID is Recommended if there are more than one rings on the same page

Template data

Creates a progress ring

Template parameters[Edit template data]

This template prefers block formatting of parameters.

Parameter		Description	Type	Status
ID	id	Set an ID unique to this particular ring (NO SPACES!)	String	suggested
Percentage	percentage	The percentage displayed, enter without % Default 0	Number	required
Radius	radius	Sets the radius of the circle (total diameter will be radius * 2) Default 40	Number	optional
Ring width	width	Width of the progress ring itself Default 8	Number	optional
Color	color	Sets the progress bar's color Default #fbfbfb	Unknown	optional
Animation time	anim-time	The time in seconds it takes for the ring to fill up (normalized based on percentage) Default 0.5	Number	optional
Text Size	size	Set's the percentage text size (default: adaptive)	Number	optional
Background color	background-color	Background progress ring color Default #d6dadc	Unknown	optional
Text Background Color	center-color	Percentage background text color Default #E0DCD4	Unknown	optional
Text Color	text-color	Percentage text color (default: percentage color) Default #d6dadc	Unknown	optional

[view | edit | purge]The above documentation is transcluded fromTemplate:Progress ring/doc.