Ion Range Slider

Select Box

Ion Range Slider offers various ranger slider option and advanced setting option. More information please read their documentation.

Bacis Range Slider

Use .range_01 on span of div to get basic ion range slider functionality. By default the range is between 0 - 100.

101000010

Double Range

Set type to double and specify range, also showing grid and adding prefix "$"

$0$1 000$200$800$200 — $80002505007501 000

String value

Using any strings as your values

zeroten00fivezeroonetwothreefourfivesixseveneightnineten

Set min max value

Set min value, max value and start point

1001 00000550

Using step

Using step 250

-1 0001 000-500500-500 — 500-1 000-50005001 000

Prettify big value

Prettify enabled. Much better!

1 0001 000 00000200 0001 000250 750500 500750 2501 000 000

Analog Admin Template

789

1,234

$900

Select Box

Bacis Range Slider

Double Range

String value

Set min max value

Using step

Prettify big value

Settings updated

5 Orders placed

3 New messages

This is warning notification

Server loaded by 98% please recover soon

Ana malik

Jackson Fred

Emma Watson

Elina

Jack Elison

Lara Smith

789

1,234

$900

Select Box

Bacis Range Slider

Double Range

String value

Set min max value

Using step

Prettify big value