Using Slider to Move Animated Dial

The easiest way would be to use a working dial as the thumb on a slider, but you can’t do that.

You could give it a motion paths, one for right, and one for left, with relative starting points. Using a variable to keep track of the current value, you could move the correct direction when the slider variable changes, and update the current position variable. You would like change the slider variable as it moved, and that might slow things down too much.

Or it might be easier to create a state for every position where you want to stop, and change the state as the slider moves.

You could possibly use JS and GSAP to move a dial slider, but I don’t know if that would be easier for you.