<input
  type="range"
  value="2"
  min="0"
  max="10"
  step="2"
  list="tickmarks"
  class="slider"
/>
<datalist id="tickmarks" class="slider-datalist">
  <option value="0" label="0">0</option>
  <option value="2" label="2">2</option>
  <option value="4" label="4">4</option>
  <option value="6" label="6">6</option>
  <option value="8" label="8">8</option>
  <option value="10" label="10">10</option>
</datalist>