Template:Progress ring/doc

Creates a progress ring

Template style in Template:Progress_ring/ProgressRing.css

Usage
Progress ring

For more parameters, see TemplateData.

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

Template data
{	"params": { "radius": { "label": "Radius", "description": "Sets the radius of the circle (total diameter will be radius * 2)", "type": "number", "default": "40" },		"width": { "label": "Ring width", "description": "Width of the progress ring itself", "type": "number", "default": "8" },		"color": { "label": "Color", "description": "Sets the progress bar's color", "default": "#fbfbfb" },		"percentage": { "label": "Percentage", "description": "The percentage displayed, enter without %", "type": "number", "required": true, "default": "0" },		"anim-time": { "label": "Animation time", "description": "The time in seconds it takes for the ring to fill up (normalized based on percentage)", "type": "number", "default": "0.5" },		"id": { "label": "ID", "description": "Set an ID unique to this particular ring (NO SPACES!)", "type": "string", "suggested": true },		"size": { "label": "Text Size", "description": "Set's the percentage text size (default: adaptive)", "type": "number" },		"background-color": { "label": "Background color", "description": "Background progress ring color", "default": "#d6dadc" },		"center-color": { "label": "Text Background Color", "description": "Percentage background text color", "default": "#E0DCD4" },		"text-color": { "label": "Text Color", "description": "Percentage text color (default: percentage color)", "default": "#d6dadc" }	},	"description": "Creates a progress ring", "paramOrder": [ "id", "percentage", "radius", "width", "color", "anim-time", "size", "background-color", "center-color", "text-color" ],	"format": "block" }