Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

Jump to content

Template:Composition bar/testcases

From Wikipedia, the free encyclopedia
{{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%)