Slider

The slider component (.slider) styles a native <input type="range">, replacing the browser's default track/thumb with a colored progress fill and an optional floating tooltip showing the current value. flickui.js recalculates the fill on every input event from the range's value/min/max and writes it as inline style.

<div class="slider">
  <input class="slider-input" type="range" min="0" max="100" value="50">
  <span class="slider-tooltip slider-show-drag"></span>
</div>