This is an adaptation of the code found here: http://www.gerd-riesselmann.net/archives/2006/05/using-scriptaculous-slider-with-two-handles All credit goes to Gerd Reisselmann.

First, you need the approbiate markup, one surrounding div for the track and one div for each handle: <div id="track"><span id="handle1"><b>&gt;</b></span><span id="handle2"><b>&lt;</b></span></div>
><
Now you can create a slider using the following javascript:
window.onload = function()
{
	var handles = [$('handle1'), $('handle2')];
	var values = [0, 10]; // First handle at 0, 2nd at 100
	var slider = new Control.Slider(handles, 'track', {
	range:$R(0, 50, false),
	step:1,
	restricted:true,
	sliderValue: values
	});
}