Range slider

            
<!-- range -->
<div class="group relative w-full h-2 rounded-full 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 left-0 top-0 w-full h-2 bg-transparent rounded-full appearance-none cursor-pointer accent-primary-800 dark:accent-primary-200">
  <span class="absolute left-0 top-0 rounded-full h-1.5 bg-green-500"></span>
</div>