Range Slider - Ninja Admin Template

Red Violet Dark Blue Blue Light Blue Green Yellow Orange Chocolate Dark GreenReset

Jquery UI Slider

Price range:

Minimum price:

Maximum price:

noUI Slider

Custom connect

Using HTML5 input elements

Locking sliders together

Value:60.00

Value:80.00

Ion Ranger Slider

Start without params

101000010

Set min value, max value and start point

1001 00000550

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

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

Set up range and step

Set up range with negative values

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

Using step 250

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

Set up range with fractional values, using fractional step

-12.812.8-3.23.2-3.2 — 3.2-12.8-6.406.412.8

Using custom values array

Set up you own numbers

01 000 00010100 00010 — 100 0000101001 00010 000100 0001 000 000

Using any strings as your values

zeroten00fivezeroonetwothreefourfivesixseveneightnineten

One more example with strings

JanuaryDecember00AprilJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember