在 material angular 中创建进度微调器的圆边

Create round edges of progress spinner in material angular

我在 angular 4 中使用 material angular 的进度微调器。 在我的例子中，我需要像附图中那样将微调器边缘弄圆。无法弄清楚该怎么做，因为我使用 svg 的经验较少。 我创建了这个微调器，https://i.stack.imgur.com/aiEqI.png 虽然我需要这个 https://i.stack.imgur.com/jV0Rs.png

很简单，我只需要添加路径样式 属性 - strokeLineCap 并将其值设置为 'round'