A great plugin; Range Slider can be used for filtering on portfolios, shop pages or how you need. Range Slider plugin is have a lot of skins, types and options. And Range slider have great browser support. And you can setup Range Slider with data- attributes only.

Range slider is works perfect on all devices and ready for touch support. They can be used easily in HTML forms.

You can visit plugin page for this great plugin. You can find all details and documentation.

Range Sliders

Start without params
Set min value, max value and start point
Showing grid and adding prefix "$"

Set up range and step

Set up range with negative values
Using step 250
Using fractional step

Using custom values array

Set up you own numbers
Using any strings as your values
One more example with strings

Prettify visual look of numbers

Big numbers are ugly and unreadable
Prettify enabled. Much better!
Use anything you like!
Use your own prettify function!

Decorating numbers

Using prefixes
Using postfixes
Show that max number
Use decorate_both option:
Remove double decoration
Use your own separator symbol. Like →
Or " to ":

Visual details

You can disable all visual details.
Or hide any part you wish
And some more
And some more
Please tell us if you want to see more element templates in Quadra. We really care about it.
website logo template
Drop us a message

You're at the right place now! How can we help?