View source for Template:365DayBadgeBar

<table style="width: {{{width|300px}}}; border-collapse: collapse; padding: 0; border-spacing: 0;">
  <tr>
    <td style="
      width: {{{percent|0}}}%;
      background-color: {{{color|#4caf50}}};
      color: {{{textcolor|white}}};
      font-weight: bold;
      text-align: center;
      height: {{{height|20px}}};
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0 5px;
      border-radius: {{#ifexpr: {{{percent|0}}} >= 100 | 6px | 6px 0 0 6px}};
    ">
      {{{label|}}}
    </td>
    <td style="
      width: {{#expr: 100 - {{{percent|0}}} }};
      background-color: #e0e0e0;
      border-radius: {{#ifexpr: {{{percent|0}}} <= 0 | 6px | 0 6px 6px 0}};
    ">
    </td>
  </tr>
</table>