Search code examples
angularspinnerprogress

Create round edges of progress spinner in material angular


I am using progress spinner from material angular in angular 4. In my case, i need the spinner edge to be rounded like the one in the image attached. Can't figure out how to do that, as i am a bit less experienced working with svg. I have created this spinner, https://i.sstatic.net/aiEqI.png while i need this one https://i.sstatic.net/jV0Rs.png


Solution

  • It was easy, I just needed to add a path style property - strokeLineCap and set its value to 'round'