Slider

Also try using the arrow keys, buttons, or clicking on the progress bar to move the slider.

Horizontal Slider Example

initial value=10, min=0, max=100, pageIncrement=100, onChange event triggers input box value change immediately

Disable previous slider Enable previous slider

Vertical Slider Example

initial value=10, min=0, max=100, onChange event triggers input box value change when you mouse up or tab away

Fancy HTML labels (no slide animation):



Standalone ruler example:

1
2

Horizontal, with buttons, disabled (to show styling):

Fractional Slider Example

initial value=0.28, min=0, max=2, onChange event triggers input box value change when you mouse up or tab away