1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="118" height="20">
<linearGradient id="s" x2="0" y2="100%">
<stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
<stop offset="1" stop-opacity=".1"/>
</linearGradient>
<clipPath id="r">
<rect width="118" height="20" rx="3" fill="#fff"/>
</clipPath>
<g clip-path="url(#r)">
<rect width="71" height="20" fill="#555"/>
<rect x="71" width="47" height="20" fill="#4c1"/>
<rect width="118" height="20" fill="url(#s)"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110">
<text x="365" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="610">interrogate</text>
<text x="365" y="140" transform="scale(.1)" textLength="610">interrogate</text>
<text x="935" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="370">100.0%</text>
<text x="935" y="140" transform="scale(.1)" textLength="370">100.0%</text>
</g>
</svg>
|