Template:Progress bar/doc

This is the documentation subpage of Template:Progress bar. It contains usage information that is not part of the underlying template.

A template to be used in both Template:Percent_of_set and Template:Quest_infobox for displaying a progress bar. Centralizes the CSS rules for these bars and also makes them adaptive to light and dark themes.

Documentation

percent

Required. Percent to fill the bar. Do not include the trailing % symbol

width

Optional. Defines the width of the total bar using standard CSS units (px, vw, em, etc). Defaults to 200px.

color

Optional. Set the color of the filled part of the bar. Recognizes several light/dark responsive keywords, or can accept any CSS color syntax. Defaults to green.

Recognized color keywords

Keyword	Light theme value	Dark theme value
green	#00AF32	#00AF32
arealmreborn	#666666	#8F8F8F
heavensward	#4B7FE9	#4B7FE9
stormblood	#A3253C	#BE344D
shadowbringers	#4F45B4	#756DC7
endwalker	#C0790B	#C0790B
dawntrail	#DEB746	#DEB746