я смотрю на клопа, но вижу только два элемента
как я могу превратить это

в, например, это?

Нужно ли вручную добавлять класс или что-то еще?
Вот как я могу инициализировать
.slider({
value : $(this).attr('data-value'),
min: 0,
max: 100,
step: 5,
disabled: true,
slide: function( event, ui ) { }
});