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"});
$('#meu_slider5').slider({min: 0, max: 100, value: 50, range: "min"});
$('#meu_slider6').slider({min: 0, max: 100, value: 50, range: "max"});