Template:Bar box/testcases
| This is the template test cases page for the sandbox of Template:Bar box. to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins and parsers with these links: |
Test 1
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |float=right |title=Quantity of stuff |titlebar=#DDD}}
{{Bar box}}
{{Bar box/sandbox}}
Test 2
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |float=left |title=Quantity of stuff |titlebar=#DDD}}
{{Bar box}}
{{Bar box/sandbox}}
Test 3
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |float=none |title=Quantity of stuff |titlebar=#DDD}}
{{Bar box}}
{{Bar box/sandbox}}
Test 4
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |float=center |title=Quantity of stuff |titlebar=#DDD}}
{{Bar box}}
{{Bar box/sandbox}}
Test 5
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |float=right |title=Quantity of stuff |titlebar=#DDD |width=200px}}
{{Bar box}}
{{Bar box/sandbox}}
Test 6
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |float=left |title=Quantity of stuff |titlebar=#DDD |width=200px}}
{{Bar box}}
{{Bar box/sandbox}}
Test 7
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |float=none |title=Quantity of stuff |titlebar=#DDD |width=200px}}
{{Bar box}}
{{Bar box/sandbox}}
Test 8
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |float=center |title=Quantity of stuff |titlebar=#DDD |width=200px}}
{{Bar box}}
{{Bar box/sandbox}}
Test 9
[edit source]{{Bar box|bars=<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">foo</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:red;color:inherit; width:30%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">30%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bar</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:green;color:inherit; width:40%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">40%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">baz</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:blue;color:inherit; width:20%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">20%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:orange;color:inherit; width:8%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">8%</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; min-width: 8em;">bla</td>
<td style="width: 100px; border-left: solid 1px silver; border-right: solid 1px silver;"><div style="background:teal;color:inherit; width:2%; overflow: hidden;"> </div></td>
<td colspan="2" style="padding-left: 1.2em; padding-right: 0.4em; text-align: right;">1/50</td>
</tr> |title=Quantity of stuff |titlebar=#DDD |width=200px}}
{{Bar box}}
{{Bar box/sandbox}}
Example from Burkina Faso with float=right
[edit source]Live template
[edit source]Burkina Faso is a multilingual country. The working languages are French, which was introduced during the colonial period, and English. In December 2023, due to deteriorating relations between Burkina Faso and the French government, the Burkina Faso government announced it was elevating Mooré, Bissa, Dyula and Fula to the status of official languages. French was dropped as an official language, becoming a working language with English instead.[1][2] Altogether, an estimated 69 languages are spoken in the country,[3] of which about 60 languages are indigenous. The Mooré language is the most spoken language in Burkina Faso, spoken by about half the population, mainly in the central region around the capital, Ouagadougou.
Sandbox template
[edit source]Burkina Faso is a multilingual country. The working languages are French, which was introduced during the colonial period, and English.[4] In December 2023, due to deteriorating relations between Burkina Faso and the French government, the Burkina Faso government announced it was elevating Mooré, Bissa, Dyula and Fula to the status of official languages. French was dropped as an official language, becoming a working language with English instead.[1][2] Altogether, an estimated 69 languages are spoken in the country,[5] of which about 60 languages are indigenous. The Mooré language is the most spoken language in Burkina Faso, spoken by about half the population, mainly in the central region around the capital, Ouagadougou.
Example from Georgia (U.S. state) with float=left
[edit source]Live template
[edit source]According to the Pew Research Center, the composition of religious affiliation in Georgia was 67% Protestant, 9% Catholic, 1% Mormon, 1% Jewish, 0.5% Muslim, 0.5% Buddhist, and 0.5% Hindu. Atheists, deists, agnostics, and other unaffiliated people make up 18% of the population.[7] Overall, Christianity was the dominant religion in the state, as part of the Bible Belt.
Sandbox template
[edit source]According to the Pew Research Center, the composition of religious affiliation in Georgia was 67% Protestant, 9% Catholic, 1% Mormon, 1% Jewish, 0.5% Muslim, 0.5% Buddhist, and 0.5% Hindu. Atheists, deists, agnostics, and other unaffiliated people make up 18% of the population.[8] Overall, Christianity was the dominant religion in the state, as part of the Bible Belt.
References from examples
[edit source]- ^ a b Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ a b Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lewis, M. Paul (ed.), 2009. Ethnologue: Languages of the World, 16th edition. Dallas, Tex.: SIL International. (Page on "Languages of Burkina Faso.")
- ^ Cite error: The named reference
:4was invoked but never defined (see the help page). - ^ Lewis, M. Paul (ed.), 2009. Ethnologue: Languages of the World, 16th edition. Dallas, Tex.: SIL International. (Page on "Languages of Burkina Faso.")
- ^ a b Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).