JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<input type="range" list="theList">


  <datalist id="theList">
<option value="0" label="0%"></option>
<option value="10"></option>
<option value="30"></option>
<option value="50"></option>
<option value="100"></option>
<option value="50" label="50%"></option>
<option value="60"></option>
<option value="70"></option>
<option value="80"></option>
<option value="90"></option>
<option value="100" label="100%"></option>

CSS

body {
  padding: 3rem;
}