Need help with slider detent / separation

I uploaded a screenshot of my current slider in my build (Slider1).
Slider2 is the look I am going for, as you can see the separation of the path starts in the middle and the path only fills left or right, where as my current one just starts from the right side.
Does anyone know what and where to edit this part, I tried some parts in the look and feel but couldn’t get it right. Thanks in advance.

slider help

You should create a custom LookAndFeel for that.

A similar question was asked for rotary sliders, to fill the arc starting from the central position, see: Rotary that has central position and draws arc to the left or right of center - #11 by MattChowski