Please wait...
App
Inbox
Chat
Calendar
File Manager
Contact list
User Interface (UI)
UI KIT
Tabs
Range Sliders
Modals
Alerts
Dialogs
Collapse
Sample Pages
Image Gallery
Profile
Timeline
Pricing
Invoices
FAQs
Search Results
About
About
Contact Us
Admin Templates
Services
Portfolio
Coded by WrapTheme
Designed by
thememakker.com
Rang Sliders
UI Elements
Rang Sliders
Examples
Taken by
ionden.com/a/plugins/ion.rangeSlider/en.html
Action
Another action
Something else
Delete
Start without params
10
100
0
0
10
Set min value, max value and start point
100
1 000
0
0
550
Set type to double and specify range, also showing grid and adding prefix "$"
$0
$1 000
$200
$800
$200 — $800
0
250
500
750
1 000
Set up range with negative values
-1 000
1 000
-500
500
-500 — 500
-1 000
-500
0
500
1 000
Using step 250
-1 000
1 000
-500
500
-500 — 500
-1 000
-500
0
500
1 000
Set up range with fractional values, using fractional step
-12.8
12.8
-3.2
3.2
-3.2 — 3.2
-12.8
-6.4
0
6.4
12.8
Set up you own numbers
0
1 000 000
10
100 000
10 — 100 000
0
10
100
1 000
10 000
100 000
1 000 000
Using any strings as your values
zero
ten
0
0
five
zero
one
two
three
four
five
six
seven
eight
nine
ten
One more example with strings
January
December
0
0
April
January
February
March
April
May
June
July
August
September
October
November
December
No prettify. Big numbers are ugly and unreadable
1000
1000000
0
0
100000
1000
250750
500500
750250
1000000