7,2%
$129,920
Last Month
0,6%
$14,293
Today
0,8%
$190,250
Last Week
3,2%
$10,250
Last Hour
Fast21 80%
Eco Newmars 70%
Best Niket 60%
Real Five 40%

Ion Slider

Set min value, max value and start point

$("#range_02").ionRangeSlider({
  min: 100,
  max: 1000,
  from: 550
});

Specify range

$("#range_03").ionRangeSlider({
  type: "double",
  grid: true,
  min: 0,
  max: 1000,
  from: 200,
  to: 800,
  prefix: "$"
});

Set up range with negative values

("#range_04").ionRangeSlider({
  type: "double",
  grid: true,
  min: -1000,
  max: 1000,
  from: -500,
  to: 500
});

Using any strings as your values

$("#range_07").ionRangeSlider({
  grid: true,
  from: 3,
  values: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]
});

Using prefixes

$("#range_09").ionRangeSlider({
  type: "double",
  grid: true,
  min: 0,
  max: 10000,
  from: 1000,
  step: 9000,
  prefix: "$"
});

Using postfixes

$("#range_10").ionRangeSlider({
  type: "single",
  grid: true,
  min: -90,
  max: 90,
  from: 0,
  postfix: "°"
});

Disable all visual details

$("#range_12").ionRangeSlider({
  type: "double",
  min: 1000,
  max: 2000,
  from: 1200,
  to: 1800,
  hide_min_max: true,
  hide_from_to: true,
  grid: false
});

Even if you have a very strange step

$("#range_19").ionRangeSlider({
  type: "single",
  min: 0,
  max: 10,
  step: 2.34,
  grid: true,
  grid_snap: true
});

Dragging interval

$("#range_28").ionRangeSlider({
  type: "double",
  min: 0,
  max: 100,
  from: 30,
  to: 70,
  drag_interval: true
});

Disable the slider

$("#range_25").ionRangeSlider({
  min: 0,
  max: 100,
  from: 30,
  disable: true
});