jQuery UI - Slider

HTML

<input type="text" id="amount" />
<div id="slider-range-min"></div>

CSS

#amount {
    border: 0;
    color: #f6931f;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  opacity: 0 !important;
}

JavaScript

$(function () {
    $("#slider-range-min").slider({
        range: "min",
        value: 37,
        min:   30,
        max:   1000,
        slide: function (event, ui) {
            $("#amount").val(ui.value);
        }
    });
    $("#amount").val($("#slider-range-min").slider("value"));
});