I’m new to circular progress bars. I thought I had figured out how to get them positioned and lined up how I want. However, I’m having an issue where the position and curvature changes when I adjust the angular distance to size it how I want.
For example, here’s a sample where the full circle progress bar is centered and the curve of the progress bar matches the curve of the watch face. If I move the hour hand around in a circle, it has the same distance to the progress bar all the way around (confirming the progress bar is circular and centered).
But when I shorten the angular distance to make the progress bar the size I actually want it to be, the progress bar shifts its position (it now overlaps the numeral 10) and the curvature (I’m sure there’s a better word for this) no longer matches the watch face. It’s subtle, but if I move the hour hand around, the gap between the hour hand and the progress bar increases the further clockwise it goes. This is even after I recenter the pivot point.
I can manually move the progress bar so it is back where I want it, but how do I fix the curvature? I’m confused as to why changing the angular distance would cause this behavior.