Main
Dashboard
Restaurant
Menu One
Menu Two
Menu Three
Favourite
Order List
Booking
Upload Menu
Apps
Calender
Email
Profile
Widget
Features
UI Elements
Accordion
Alerts
Badges
Button
Dropdown
Images
List Group
Panels
Progressbar
Tab
Wells
Components
Calendar
Carousel
Weather
Datamap
To do
Scrollable
Sweet Alert
Toastr
Basic Range Slider
Advance Range Slider
Nestable
Portlets
Bar Rating
jRate
Charts
Flot
Chartjs
Peity
Sparkle
Knob
Table
Basic
Datatable
Datatable Export
Datatable Row Select
Editable
Icons
Themify
Maps
Basic
Vector Map
Form
Basic Form
Miscellaneous
Invoice
Basic
Editable
Pages
Login
Register
Forgot password
Documentation
Logout
Recent Notifications
02:34 PM
Mr. Wolf
5 members joined today
02:34 PM
Sofiya
likes a photo of you
02:34 PM
Richard
Hi Teddy, Just wanted to let you ...
02:34 PM
Sara Maggi
Hi Teddy, Just wanted to let you ...
See All
2 New Messages
02:34 PM
John Doe
Hi Teddy, Just wanted to let you ...
02:34 PM
Sara Maggi
Hi Teddy, Just wanted to let you ...
02:34 PM
John Doe
Hi Teddy, Just wanted to let you ...
02:34 PM
Sara Maggi
Hi Teddy, Just wanted to let you ...
See All
Wolf
Upgrade Now
30 Days Trail
Profile
My Balance
My Task
My Calender
Inbox
Setting
Help
Lock Screen
Logout
Test 2
Test 2
Rufat Askerov
Alice
Michael Scofield
Irina Shayk
Sara Tancredi
Wolf
Dashboard 1
Dashboard
Blank
Start without params
Set min value, max value and start point
Set type grid and adding prefix "$"
Set up range with negative values
Using step 250
Set up range with fractional values, using fractional step
Set up you own numbers
Using any strings as your values
One more example with strings
No prettify. Big numbers are ugly and unreadable
Prettify enabled. Much better!
Don't like space as separator? Use anything you like!
You don't like default prettify function? Use your own!
Using prefixes
Using postfixes
Whant to show that max number is not the biggest one?
Taking care about how from and to values connect? Use decorate_both option:
Remove double decoration
Use your own separator symbol with values_separator option. Like →
Or " to ":
You can disable all the sliders visual details, if you wish. Like this:
Or hide any part you wish
And some more
And some more