Template:Progress ring: Difference between revisions

Content added Content deleted

Inline

Revision as of 00:59, 24 December 2020

[view | edit | purge]Documentation

60%

Creates a progress ring

{{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

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.

@@ Line 1: / Line 1: @@
 <includeonly><div id="ring-{{PAGEID}}-{{{id|noID}}}" class="progress-ring" {{#if:{{{style|}}}|style="{{{style}}}"}}><!--
--->{{#Widget:ProgressRing
- | dimensions     = {{#expr: {{{radius|40}}} * 2 + {{{width|8}}}}}
- | offset         = {{#expr: {{{radius|40}}} + {{{width|8}}} / 2}}
- | radius         = {{{radius|40}}}
- | preline_color  = {{{preline-color|#00000077}}}
- | preline_width  = {{{preline-width|1}}}
- | outline_color  = {{{outline-color|#000000AA}}}
- | outline_width  = {{#if:{{{no-outline|}}}||{{{width|8}}}}}
- | mainline_color = {{{color|green}}}
- | mainline_width = {{#if:{{{no-outline|}}}|{{{width|8}}}|{{#expr: {{{width|8}}} - {{{outline-width|2}}} }}}}
-}}<!--
 --><span class="percentage" style="font-size: {{#expr: ({{{radius|40}}} * 2 - {{{width|8}}}) * 0.3}}px;">{{#expr:{{{percentage|0}}} round 1}}%</span><!--
 --></div><!--