На данный момент у меня есть слайдер и небольшое текстовое поле ввода, которое обновляется в зависимости от того, где вы прокручиваете его.

Вот JavaScript:

$("#slider").slider({
    value: 500,
    min: 0,
    max: 1000,
    step: 50,
    slide: function(event, ui) {
        $("#budget").val(ui.value);
    },
    change: function(event, ui) {}
});
$("#budget").val($("#slider").slider("value"));​

И вот HTML / CSS:

<input type="text" id="budget" style="width:50px;text-align:center"/>

<div id="slider"></div>​

Однако это выглядит немного странно, имея маленькое текстовое поле с рисунком в верхней части ползунка, поэтому я бы хотел, чтобы он обновил свое горизонтальное положение, чтобы оно находилось над ручкой ползунка (.ui-slider-handle), если возможно - как своего рода подсказка.