Template:Progress ring
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
| 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 %
| Number | required |
| Radius | radius | Sets the radius of the circle (total diameter will be radius * 2)
| Number | optional |
| Ring width | width | Width of the progress ring itself
| Number | optional |
| Color | color | Sets the progress bar's color
| Unknown | optional |
| Animation time | anim-time | The time in seconds it takes for the ring to fill up (normalized based on percentage)
| Number | optional |
| Text Size | size | Set's the percentage text size (default: adaptive) | Number | optional |
| Background color | background-color | Background progress ring color
| Unknown | optional |
| Text Background Color | center-color | Percentage background text color
| Unknown | optional |
| Text Color | text-color | Percentage text color (default: percentage color)
| Unknown | optional |
