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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]{{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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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;">&thinsp;</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]Live template
[edit]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]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]Live template
[edit]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]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]- 1 2 Sey, Abdoulie (6 December 2023). "French no longer Burkina Faso's official language". APAnews - African Press Agency. APA News. Retrieved 9 August 2024.
- 1 2 "Burkina Faso's Constitutional Reforms: Disputed Legitimacy Versus Decided Legality". ConstitutionNet. 29 March 2024. Retrieved 9 August 2024.
- ↑ 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.")
- 1 2 "Religious Landscape Study". May 11, 2015. Archived from the original on December 3, 2017. Retrieved December 3, 2017.
- ↑ "U.S. Religion Map and Religious Populations". Pew Forum on Religion & Public Life. Archived from the original on July 7, 2013. Retrieved October 24, 2010.
- ↑ "U.S. Religion Map and Religious Populations". Pew Forum on Religion & Public Life. Archived from the original on July 7, 2013. Retrieved October 24, 2010.