Basic Slider
Range slider disabled
Range slider with step set to 10
Range slider with predifined value to 30
Range slider with range
Vertical Slider

Using sliders is as easy as adding a ui-bs-slider attribute and setting slider properties.

<input type="text"
   value=""
   ui-bs-slider
   data-slider-min="0"
   data-slider-max="100"
   data-slider-step="10"
   data-slider-value="[10, 90]"
   data-slider-selection="before"
   data-slider-tooltip="show"
   data-slider-handle="round">

Add progress loaders at the top of the page like YouTube!