# Slider

Also try using the arrow keys, buttons, or clicking on the progress bar to move the slider.
initial value=10, min=0, max=100, pageIncrement=100, onChange event triggers input box value change immediately
Horizontal Slider Example

1. lowest
2. normal
3. highest

Slider1 Value:
initial value=10, min=0, max=100, onChange event triggers input box value change when you mouse up or tab away
Vertical Slider Example

1. 0
2. 100

Slider2 Value:

# Fancy HTML labels (no slide animation):

1. small
2. medium
3. large

# Standalone ruler example:

2. 1
3. 2

# horizontal, with buttons, disabled (to show styling):

1. lowest
2. normal
3. highest

## Completely Programatic VerticalSlider and VerticalRule

### min:1000, max:3000, 11 discrete values, no animation

Programmatic Value: