Template:ProgressBar

Template documentation
Note: portions of the template sample may not be visible without values provided.
View or edit this template's documentation. (About template documentation)

Syntax

• {{ProgressBar|icon|text|size}}

Example(s)

• 3 from: {{ProgressBar|Clan Experience|3|30|color=yellow|radius=5}}
• 3 from: {{ProgressBar|Clan Experience|3|99|color=yellow|radius=10}}
• 3 from: {{ProgressBar|Clan Experience|3|40|color=green}} (Clans, Clan XP)
• 740.02K/1.15M XP from: {{ProgressBar|Experience|740.02K/1.15M XP|50|color=blue|align=center}} (Player Profile)
• My Gems! from: {{ProgressBar|Gems|My Gems!|70|color=purple}}
• from: {{ProgressBar|color=red|3=80}} (Clan Siege, Siege Screen tower progress)
• 1/3 from: {{ProgressBar||1/3|33|color=green|align=center}} (Achievements)
• Something from: {{ProgressBar|2=Something}}
• Zero from: {{ProgressBar|Scrolls|Zero|0}}
• from: {{ProgressBar|3=50|right=Flag}}
•                 from: {{ProgressBar|Clan Trinkets|{{sp}} {{i|Food}} {{sp}} {{sp}}{{i|Gold}} {{sp}} {{sp}}{{i|Clan Trinkets Gift}} {{sp}} {{sp}}{{i|Food}} {{sp}} {{i|Gold}}|30|color=yellow|width=200|tstyle=position:relative; top:-4px;|color=green}}
• 11,100/2,000 from: {{ProgressBar||1,100/2,000|55|color=blue|align=center|left={{btn|sm|blue|1|cir}}}}
• Fill for a bonus! from: {{ProgressBar||Fill for a bonus!|15|color=yellow|align=center|bg=#666}} (Dragon's Delight)

See Also

• {{CountBar}}, a similar template used for displaying main interface counters.
• {{Percentage}}, a similar template used for wiki template usage counters.
• {{Timeline}}, a long interface timeline/progress bar indicator used for displaying milestones.

Creates game interface progress indicators in different styles, for use inline on pages to display and help explain various progress bars. Syntax: {{ProgressBar|icon|text|size}}

Template parameters

Parameter		Description	Type	Status
(icon name) 1	1	Gems	String	optional
(text) 2	2	Text to display on the progress indicator.	String	optional
(percentage number) 3	3	Enter a number including or between 0 to 100. Default 100 Example 56	Number	optional
(corner) radius	radius	If set to a number between 0-10, rounds the corners of the progress bar accordingly. Default 2 Example 5	Number	optional
(progress indicator) color	color	Enter valid CSS for the "background:" property. Suggested values red yellow green blue lt-blue purple gray Default green Example #fba604	String	optional
(Override, CSS property) align	align	no description Suggested values center right Default left	String	optional
(Override) width	width	no description Default 150 Example 200	Number	optional
(Optional) tstyle	tstyle	To add additional text span styles, set valid CSS styles for this parameter.	String	optional
(icon) right	right	Enter the name of an icon to use at the right.	String	optional
(Override) left	left	To override left content (e.g., a non-icon etc), enter a value here keeping in mind the content needs to be relative in size to template icons.	String	optional
(Override, color) bg	bg	Enter a valid hex code (including the #) or color name to override the progress bar background color. Example #222222	String	optional