coverage/pill/pill.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96" height="20" role="img" aria-label="coverage: {{.Percentage}}">
    <title>coverage: {{.Percentage}}</title>
    <g shape-rendering="crispEdges">
        <rect width="61" height="20" fill="#555"/>
        <rect x="61" width="35" height="20" fill="{{.Colour}}"/>
    </g>
    <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110">
        <text x="315" y="140" transform="scale(.1)" fill="#fff" textLength="510">coverage</text>
        <text x="780" y="140" transform="scale(.1)" fill="#fff" textLength="{{.Width}}">{{.Percentage}}</text>
    </g>
</svg>