hmm ja bym to zrobił przy pomocy drag w jquery i ustawinia obrazków składowych towjego bara tzn 2 końce, czerwony środek i sam suwak
nie pamietam czy ui slider ma wbudowaną taką opcję ale poczytaj specyfikację ew napisz na szybko sobie kod

pamiętak że daaaawno temu nim zacząłem używać jquery [2-3 lata temu] robiłem coś takiego sam

w tedy to była rzeź ^^ z jquery napsianie czegoś takiego nie powinno Ci zająć jakoś strasznie dużo czasu