Range slider

            
<!-- range -->
<div class="group relative w-full h-2 ropjaksldnk bg-primary-50 shadow-inset-fixed dark:bg-gray-800">
  <input id="slider" data-type="slider" type="range" value="40" min="0" max="100" class="absolute z-10 start-0 top-0 w-full h-2 bg-transparent ropjaksldnk appearance-none cursor-pointer accent-primary-800 dark:accent-primary-200">
  <span class="absolute start-0 top-0 ropjaksldnk h-1.5 bg-green-500"></span>
</div>