Template:Composition bar/testcases

{{Composition bar|50|100|red}}
Side by side comparison
{{Composition bar}}{{Composition bar/sandbox}}
50 / 100
50 / 100
{{Composition bar|50|100|border-color=#606 |color=#FF3 |per=1}}
Side by side comparison
{{Composition bar}}{{Composition bar/sandbox}}
50 / 100 (50%)
50 / 100 (50%)
{{Composition bar|50|100|#9999FF|background-color=#DDD |border=none |width=85%}}
Side by side comparison
{{Composition bar}}{{Composition bar/sandbox}}
50 / 100
50 / 100
{{Composition bar|50|100|#528D6B}}
Side by side comparison
{{Composition bar}}{{Composition bar/sandbox}}
50 / 100
50 / 100
{{Composition bar|50|100|rgba(0,255,255,0.8)|background-color=rgba(0,255,255,0.4) |border=none}}
Side by side comparison
{{Composition bar}}{{Composition bar/sandbox}}
50 / 100
50 / 100
{{Composition bar|75|100|#FF0|background-color=transparent |border-color=#333}}
Side by side comparison
{{Composition bar}}{{Composition bar/sandbox}}
75 / 100
75 / 100
{{Composition bar|90|100|#F00|per=1}}
Side by side comparison
{{Composition bar}}{{Composition bar/sandbox}}
90 / 100 (90%)
90 / 100 (90%)
{{Composition bar|1|1024|#F00|per=1}}
Side by side comparison
{{Composition bar}}{{Composition bar/sandbox}}
1 / 1,024 (0.1%)
1 / 1,024 (0.1%)