Открыть главное меню

SportWiki энциклопедия β

низкий
 

Examples

Simple progress bar, using the first method:

{{Progress bar
| progression = 52.4%
| desc = explored
}}
52.4% explored
 


Styled progress bar, using the second method:

{{Progress bar
| min = 10
| max = 15
| current = 13
| mode = value
| desc = maxed titles
| progression-text = [[People Know Me]] (2)
| box-width = 15em
| box-border = 1px dotted black
| bar-background = #99CC66
| text-size = 8pt
}}


A few combinations of both calculation methods and the desc, progression-text and title parameters:

{{Progress bar
| min = 10
| max = 15
| current = 13
| desc = maxed titles
| title = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}
60% maxed titles
 


{{Progress bar
| min = 10
| max = 15
| current = 13
| desc = maxed titles
| progression-text = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}
People Know Me (2)
 


{{Progress bar
| min = 10
| max = 15
| current = 13
| mode = value
| desc = maxed titles
| title = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}
13 maxed titles
 


{{Progress bar
| min = 10
| max = 15
| current = 13
| mode = value
| desc = maxed titles
| progression-text = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}
People Know Me (2)
 


{{Progress bar
| progression = 14.7%
| desc = explored
| progression-text = exploration
| box-width = 15em
| text-size = 8pt
}}
exploration
 


{{Progress bar
| progression = 14.7%
| desc = explored
| title = exploration
| box-width = 15em
| text-size = 8pt
}}
14.7% explored
 

Parameters

Here is the list of accepted parameters and their effect on the progress bar. There are two ways of indicating the value (percentage) represented by the bar. The first method uses the progression parameter, while the second uses the min, max and current parameters. Whatever method you use, you can use the progression-text parameter to display any text on the bar, or use the desc parameter which writes down the percentage represented by the bar before the text contained in this parameter. See examples below.

progression
Indicates the percentage represented by the progression bar.
  • ex: 74.2%
  • default value: 0%
min
Indicates the value of the lower bound of the range represented by this bar.
  • ex: 10
  • default value: 0
  • note: if the progression parameter is used, the min parameter is discarded.
max
Indicates the value of the upper bound of the range represented by this bar.
  • ex: 15
  • default value: 100
  • note: if the progression parameter is used, the max parameter is discarded.
current
Indicates the value of the position into the range represented by this bar. This number must be contained between min and max.
  • ex: 13
  • default value: 0
  • note: if the progression parameter is used, the current parameter is discarded.
progression-text
Indicates the text written on the progression bar. If not specified, the text is determined automatically. See explanations below.
  • ex: People know me
  • default value: 0%
title
Indicates the text displayed in the tooltip. If not specified, the text is determined automatically. See explanations below.
  • ex: People know me
  • default value: 0%
mode
Indicates which of the percentage or the current value is to be displayed on the bar and the tooltip. Used only if the second method is used.
  • specify mode=value to make the text display the value of the current parameter instead of the calculated percentage
  • to get the default behavior, simply don't use this parameter
desc
Indicates the text to be displayed on the bar behind the actual percentage represented by the bar.
  • ex: explored
  • default value: none
  • note: the desc parameter is overridden by the progression-text and the title parameters respectively.
bar-background
Color used as the background of the progression bar.
  • ex: red or #328A9C
  • default value: #AAAAFF
box-background
Color used as the background of the block in which the bar is located.
  • ex: red or #328A9C
  • default value: white
box-border
Style of the border of the block in which the bar is located.
  • ex: 2px dotted red
  • default value: 1px solid black
box-margin
Indicates how far the block in which the bar is located must be from the text around it.
  • ex: 5px
  • default value: 1px
box-padding
Indicates the width of the space between the progression bar and the border of the block around it.
  • ex: 0
  • default value: 1px
box-width
Indicates the width of the block in which the bar is located.
  • ex: 15em
  • default value: 100%
text-color
Color of the text written in the center of the bar.
  • default value: black
text-size
Size of the text written in the center of the bar.
  • default value: small
text-weight
Weight of the text written in the center of the bar.
  • default value: bold
box-style
Any additional values inside the style="" attribute for the box. Values here overwrite default values.
bar-style
Any additional values inside the style="" attribute for the bar. Values here overwrite default values.


SportWiki энциклопедия

Партнёр магазин спортивного питания Спортфуд, где представлена сертифицированная продукция