Slider

O slider é um componente visual muito interessante para ler algum tipo de entrada, que esteja em uma determinada faixa, de valores do usuário.

É realmente muito simples criar um slider: $('#meu_slider1').slider();
Para recuperar seu valor atual: $('#meu_slider1').slider( 'value' );

Podemos ainda delimitar os valores máximo e mínimo: $('#meu_slider2').slider({range: true, min: 0, max: 500, step: 50, value: 250});

Delimitando um intervalo de valores: $('#meu_slider3').slider({min: 0, max: 500, step: 10, values: [150, 350], range: true});

Slider vertical: $('#meu_slider4').slider({min: 0, max: 100, value: 50, orientation: "vertical"});

Definido o range "min" ou range "max":
$('#meu_slider5').slider({min: 0, max: 100, value: 50, range: "min"});
$('#meu_slider6').slider({min: 0, max: 100, value: 50, range: "max"});