How to: Animate paths and maintain spacing and round cap

I think you're going to need Trim Paths on each element and then the Linear expression to drive everything

Something like:

var angle = PICKWHIP_YOUR_DIAL_ANGLE;
linear(angle,0,180,0,100);

In the above, angle is driving the trim paths percentage.  When the angle is 0 degrees, the trim paths will be 0%.  At 180, the trim paths will be 100%.  And when the angle is 90 degrees, Trim Paths will be set to 50%.

But you'll have to adjust all the expressions for each element.  In some cases, you'll need to reverse the percentages to make it work.