Range Slider

Default

Start without params

10010

Min-Max

Set min value, max value and start point

1001 000550

Prefix

Showing grid and adding prefix "$"

$0$1 000$200$80002505007501 000

Range

Set up range with negative values

-1 0001 000-500500-1 000-50005001 000

Step

Using step 250

-1 0001 000-500500-1 000-50005001 000

Custom Values

Using any strings as values

JanuaryDecemberAprilJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember

Prettify Numbers

Prettify enabled. Much better!

1 0001 000 000200 0001 000250 750500 500750 2501 000 000

Disabled

Lock slider by using disable option

1001 000550

Extra Example

Whant to show that max number is not the biggest one?

Age 18Age 70+Age 301831445770

Use decorate_both option

Use decorate_both option

Weight: 145 million pounds — Weight: 155 million pounds

Postfixes

Using postfixes

-90°90°0°-90-4504590

Hide

Or hide any part you wish

1 0001 2501 5001 7502 000

Modern skin

Example of modern skin

10010

Sharp skin

Example of sharp skin

10010

Round skin

Example of round skin

10010

Square skin

Example of square skin

10010