api/badge.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="20">
  <linearGradient id="b" x2="0" y2="100%">
    <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
    <stop offset="1" stop-opacity=".1"/>
  </linearGradient>
  <clipPath id="a">
    <rect width="128" height="20" rx="3" fill="#fff"/>
  </clipPath>
  <g clip-path="url(#a)">
    <path fill="#555" d="M0 0h93v20H0z"/>
    <path fill="#4c1" d="M93 0h35v20H93z"/>
    <path fill="url(#b)" d="M0 0h128v20H0z"/>
  </g>
  <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110">
    <text x="475" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="830">
      documentation
    </text>
    <text x="475" y="140" transform="scale(.1)" textLength="830">
      documentation
    </text>
    <text x="1095" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">
      97%
    </text>
    <text x="1095" y="140" transform="scale(.1)" textLength="250">
      97%
    </text>
  </g>
</svg>