9880
правок
Изменения
Нет описания правки
| text-size = 89%
}}
== Examples ==
'''Simple progress bar, using the first method:'''
<pre>{{Progress bar
| progression = 52.4%
| desc = explored
}}</pre>
{{Progress bar
| progression = 52.4%
| desc = explored
}}
'''Styled progress bar, using the second method:'''
<pre>{{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
}}</pre>
{{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 <code>desc</code>, <code>progression-text</code> and <code>title</code> parameters:'''
<pre>{{Progress bar
| min = 10
| max = 15
| current = 13
| desc = maxed titles
| title = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}</pre>
{{Progress bar
| min = 10
| max = 15
| current = 13
| desc = maxed titles
| title = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}
<pre>{{Progress bar
| min = 10
| max = 15
| current = 13
| desc = maxed titles
| progression-text = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}</pre>
{{Progress bar
| min = 10
| max = 15
| current = 13
| desc = maxed titles
| progression-text = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}
<pre>{{Progress bar
| min = 10
| max = 15
| current = 13
| mode = value
| desc = maxed titles
| title = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}</pre>
{{Progress bar
| min = 10
| max = 15
| current = 13
| mode = value
| desc = maxed titles
| title = People Know Me (2)
| box-width = 15em
| text-size = 8pt
}}
<pre>{{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
}}</pre>
{{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
}}
<pre>{{Progress bar
| progression = 14.7%
| desc = explored
| progression-text = exploration
| box-width = 15em
| text-size = 8pt
}}</pre>
{{Progress bar
| progression = 14.7%
| desc = explored
| progression-text = exploration
| box-width = 15em
| text-size = 8pt
}}
<pre>{{Progress bar
| progression = 14.7%
| desc = explored
| title = exploration
| box-width = 15em
| text-size = 8pt
}}</pre>
{{Progress bar
| progression = 14.7%
| desc = explored
| title = exploration
| box-width = 15em
| text-size = 8pt
}}
=== 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 <code>progression</code> parameter, while the second uses the <code>min</code>, <code>max</code> and <code>current</code> parameters. Whatever method you use, you can use the <code>progression-text</code> parameter to display any text on the bar, or use the <code>desc</code> parameter which writes down the percentage represented by the bar before the text contained in this parameter. See examples below.
-->{{#ifexpr:({{{current|0}}}-{{{min|0}}}>=0) and ({{{max|100}}}-{{{min|0}}}>0)|<!--
-->{{#expr:(({{{current|0}}}-{{{min|0}}})/({{{max|100}}}-{{{min|0}}}))*100 round 1}}%|0%}}}}};
background: {{{bar-background|transparent#AAAAFF}}};
border-radius: 3px;
-webkit-border-radius: 3px;