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.

// request.cf · coarse context

A page that knows where it met you.

Only coarse request metadata is shown. This demo does not display or persist visitor IP addresses.

Country
US
Cloudflare location
CMH
Connection
HTTP/2
Language
Not provided

Ray ID: a2310cec5bfd1528

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%)