getting slider handle to stop on the right location of the slider

Question

I am using a jquery ui slider.

please take a look at the following codepen https://codepen.io/yaary-vidanpeled/pen/mdEvoVj

I have the following html code, thus