Simple - Sliders

Basic Sliders

Slider Colors

Basic slider with different color options, use of the below classes to quickly create a styled slider. Uses native boostrap colors scheme classes


Slider Orientation

Sliders having the option for both vertical and horizontal orientaion by simply changing the data-slider-orientation


Slider Flip fill

This option allows to change the side of the fill color which can be either before or after the knob


Slider Options

Slider Values

This slider have the option to change min, max and step values to anything you want. By altering these values you could archive a level of smooth sliding

Slider More Options

Sliders having the option for both vertical and horizontal orientaion by simply changing the data-slider-selection

Slider Range

A cool demo that allows you to have a rang selector with two slider knobs and a value foramtor that can be currency or whatever you want. Attributes to change : data-slider-value


favourites
Jane Smith
Hello you there?
3
David Nester
Busy, Do not disturb
more friends
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb