| | 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 | }}} |
