| 292 | {{{#!svg |
| 293 | <svg xmlns="http://www.w3.org/2000/svg" width="$_____(total)" height="20"> |
| 294 | <linearGradient id="b" x2="0" y2="100%"> |
| 295 | <stop offset="0" stop-color="#bbb" stop-opacity=".1"/> |
| 296 | <stop offset="1" stop-opacity=".1"/> |
| 297 | </linearGradient> |
| 298 | <mask id="a"> |
| 299 | <rect width="$_____(total)" height="20" rx="3" fill="#fff"/> |
| 300 | </mask> |
| 301 | <g mask="url(#a)"> |
| 302 | <rect width="$___(left)" height="20" fill="#555"/> |
| 303 | <rect x="$___(left)" width="$__(right)" height="20" fill="#$______(color)"/> |
| 304 | <rect width="$_____(total)" height="20" fill="url(#b)"/> |
| 305 | </g> |
| 306 | <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11"> |
| 307 | <text x="$_(middle of left = half of left)" y="15" fill="#010101" fill-opacity=".3">$_(text left)</text> |
| 308 | <text x="$_(middle of left)" y="14">$_(text left)</text> |
| 309 | <text x="$_(middle of right = total - half of right)" y="15" fill="#010101" fill-opacity=".3">$_(text right)</text> |
| 310 | <text x="$_(middle of right)" y="14">$_(text right)</text> |
| 311 | </g> |
| 312 | </svg> |
| 313 | }}} |