jQuery Mobile RangeSlider Demo

HTML

<form>
    <div id="MySlider" data-role="rangeslider">
        <label for="range-1a">Rangeslider:</label>
        <input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40">
        <label for="range-1b">Rangeslider:</label>
        <input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80">
    </div>
</form>

CSS

input.ui-slider-input {
    display: none;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
    background: #999999;
}
.ui-rangeslider .ui-rangeslider-sliders{
    margin: 0px;   
}
.ui-slider-bg {
    background: #ffff00 !important;
}

JavaScript

//--------------------
// Left Slider
//--------------------
;

//--------------------
// Right Slider
//--------------------