Difference between revisions of "Template:Progress bar"

From BlogNomic Wiki
Jump to navigation Jump to search
(cap overfilled progress bars)
(add support for unknown values, since we have one)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><span><div style="border:1px solid #000; margin:0 0 1px 0"><div style="background:{{{color|#0f0}}}; text-align:right; white-space: nowrap; padding:0em; width:{{#ifexpr: {{{1|0}}} > {{{2|100}}} | 100 |{{formatnum:{{#if:{{#if:{{{1|}}}|{{{1}}}|0}}|{{#expr:100*{{#if:{{{1|}}}|{{{1}}}|0}}/{{{2|{{{total|100}}}}}}round {{{decimal|1}}}}}}}}}}}%">&nbsp;&nbsp;{{{1}}}/{{{2}}}{{#if:{{{3|}}}|&nbsp;{{{3}}}}}&nbsp;&nbsp;</div></div></span></includeonly><noinclude>
+
<includeonly><span><div style="border:1px solid #000; margin:0 0 1px 0"><div style="background:{{{color|#0f0}}}; text-align:right; white-space: nowrap; padding:0em; width:{{#switch: {{{1|}}}| ? = 0 | {{#ifexpr: {{{1|0}}} < 0 |0|{{#ifexpr: {{{1|0}}} > {{{2|100}}} | 100 |{{formatnum:{{#if:{{#if:{{{1|}}}|{{{1}}}|0}}|{{#expr:100*{{#if:{{{1|}}}|{{{1}}}|0}}/{{{2|{{{total|100}}}}}}round {{{decimal|1}}}}}}}}}}}}}}}%{{#switch: {{{1|}}}| ? = ; color:#aaa }}">&nbsp;&nbsp;{{{1}}}/{{{2}}}{{#if:{{{3|}}}|&nbsp;{{{3}}}}}&nbsp;&nbsp;</div></div></span></includeonly><noinclude>
 
Template for displaying a progress bar, for use on a gamestate page.
 
Template for displaying a progress bar, for use on a gamestate page.
  
Line 12: Line 12:
  
 
{{progress bar|10|7}}
 
{{progress bar|10|7}}
 +
 +
Negative numbers show as empty:
 +
 +
{{progress bar|-2|7}}
 +
 +
A question mark can be used for an unknown value, which shows as empty and greyed out:
 +
 +
{{progress bar|?|7}}
  
 
===Specify units===
 
===Specify units===
Line 22: Line 30:
  
 
{{progress bar|3|7|color=#f90}}
 
{{progress bar|3|7|color=#f90}}
 +
[[Category:Display templates]]
 
</noinclude>
 
</noinclude>

Latest revision as of 14:28, 24 October 2024

Template for displaying a progress bar, for use on a gamestate page.

Usage

Regular

{{progress bar|3|7}} produces:

  3/7  

Overfilled bars are capped at the maximum:

  10/7  

Negative numbers show as empty:

  -2/7  

A question mark can be used for an unknown value, which shows as empty and greyed out:

  ?/7  

Specify units

{{progress bar|3|7|players}} produces:

  3/7 players  

Colour

{{progress bar|3|7|color=#f90}} produces:

  3/7