Examples

You can use other classes for colors like .slider-info, .slider-success, .slider-warning, .slider-danger.

								
									<div id="slider" class="slider-primary"></div>

									<div id="slider-range" class="slider-success"></div>
								
							

								
									$( function() {
	$( "#slider" ).slider({
		range: "min",
		max: 100,
		value: 40,
	});
	$( "#slider-range" ).slider({
		range: true,
		min: 0,
		max: 500,
		values: [ 75, 300 ]
	});
});