Basic slider example

Example of basic jQuery UI slider

Values range slider

Use range: trueto show ranges

Animated slider

Use animate: trueto animate slider

Custom start value

Set start value using valueoption

Fixed minimum range

Set min value with range: 'min'option

Slider methods

Snap to increments

Increment values with the stepoption

Fixed maximum range

Set max value with range: 'max'option

Disabled slider

Use disabled: trueto disable slider

Slider with pips

Using .slider("pips")method

Display handle tooltip

Using .slider("float")method

Display months

Custom output: You selected

Display labels with pips

Using rest: 'label'option

Hide rest of the points

Hide pips using rest: falseoption

Label localization

Display non-roman numbers/letters

Display pips only

Add 'pips'to the first/last points

Display prefix and suffix

Using prefixand suffixoptions

Display pips and float

Using both pipsand floatmethods

Default slider

Default dark greyslider color

Success slider style

Using ui-slider-successclass

Primary slider style

Using ui-slider-primaryclass

Warning slider style

Using ui-slider-warningclass

Danger slider style

Using ui-slider-dangerclass

Info slider style

Using ui-slider-infoclass

Sizes. Default handle

Using ui-slider-lg (sm)classes

Sizes. Solid handle

Using ui-slider-solidclass

Sizes. White handle

Using ui-handle-whiteclass