Svg - Ie11-10 Transform Rotate Doesn't Appear To Be Working

Got an odd problem where transform rotate doesn't work on the circle in IE 11. The progress bar in blue you can see works clearly in any other browser but in IE 11 and 10 it is wo

Solution 1:

IE doesn't support CSS transforms on SVG elements. You would need to add the transform as an attribute on the SVG elements.

<circle ... transform="rotate(-90,100,100)" ../>