Radio-buttons | SelfMadeSystem fat bullfrog 40

<div class="radio-input">
  <label class="container">
    <svg>
      <rect class="hi" pathLength="800"></rect>
    </svg>
    <input type="radio" id="value-1" name="value-radio" checked="" value="value-1">
  </label>
  <label class="container">
    <svg>
      <rect class="hi" pathLength="600"></rect>
    </svg>
    <input type="radio" id="value-2" name="value-radio" value="value-2">
  </label>
  <label class="container">
    <svg>
      <rect class="hi" pathLength="700"></rect>
    </svg>
    <input type="radio" id="value-3" name="value-radio" value="value-3">
  </label>
</div>