Template:Bar box/testcases
Jump to navigation
Jump to search
This is the template test cases page for the sandbox of Template:Bar box. Script error: No such module "Purge". 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 with these links: |
Test 1
{{Bar box}} |
---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|float=right|title=Quantity of stuff|titlebar=#DDD}} {{Bar box}} {{Bar box/sandbox}} |
Test 2
{{Bar box}} |
---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|float=left|title=Quantity of stuff|titlebar=#DDD}} {{Bar box}} {{Bar box/sandbox}} |
Test 3
{{Bar box}} | ||
---|---|---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|float=none|title=Quantity of stuff|titlebar=#DDD}} {{Bar box}} {{Bar box/sandbox}} |
Test 4
{{Bar box}} | ||
---|---|---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|float=center|title=Quantity of stuff|titlebar=#DDD}} {{Bar box}} {{Bar box/sandbox}} |
Test 5
{{Bar box}} |
---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|float=right|title=Quantity of stuff|titlebar=#DDD|width=200px}} {{Bar box}} {{Bar box/sandbox}} |
Test 6
{{Bar box}} |
---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|float=left|title=Quantity of stuff|titlebar=#DDD|width=200px}} {{Bar box}} {{Bar box/sandbox}} |
Test 7
{{Bar box}} | ||
---|---|---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|float=none|title=Quantity of stuff|titlebar=#DDD|width=200px}} {{Bar box}} {{Bar box/sandbox}} |
Test 8
{{Bar box}} | ||
---|---|---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|float=center|title=Quantity of stuff|titlebar=#DDD|width=200px}} {{Bar box}} {{Bar box/sandbox}} |
Test 9
{{Bar box}} | ||
---|---|---|
{{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; width:30%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:40%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:20%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:8%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; 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; width:2%; overflow: hidden;"> </div></td> <td colspan="2" style="padding-left: 0.4em; padding-right: 0.4em; text-align: right;">1/50</td> </tr>|caption=distribution of stuff|title=Quantity of stuff|titlebar=#DDD|width=200px}} {{Bar box}} {{Bar box/sandbox}} |