Responsive JavaScript Slider

Responsive JavaScript Slider The Slider is a visual control used to select a single or multiple values from a continuous range of values. Sliders are always displayed as horizontal, vertical or rectangle bars. An indicator, or thumb, notes the current value of the slider and can be moved by the user to change the setting.

Features

  • Responsive & change layout automatically.
  • Horizontal, Vertical or Rectangle slider.
  • Create range off sections (where the user can't select).
  • Set any number of thumbs
  • Customize the width, height, steps increment and values
  • Sinkable via CSS

Useful Links

Basic Sliders View Code
In this example, we'll create basic sliders in three different types.
Horizontal Slider:
Vertical Slider:
Rectangle Slider:
Advance Sliders View Code
In this example, we'll add different type of options to show how to block different areas and change the values of the slider.
Horizontal Slider:
Vertical Slider:
Rectangle Slider:
Range Slider View Code
In this example, we'll create a range slider by changing the CSS background to the first fill object.
Range Slider: $25 $75
Get the Code
Download the latest version:
Download
API & Docs
View the complete API documentations and examples:
API & Docs
Licensing
We offer two types of licenses, personal and commercial. Find out more.
Donate
We thrive on your donations. If our scripts has helped, please donate.