SVG-圆弧动画跳跃步骤

我正在尝试为路径制作svg动画。开始结果和结束结果都很好，但由于某些原因，没有中间位置（动画只是在持续时间后从开始跳到结束）

这是我正在使用的代码：

.cls-1{填充：无；笔划：#96cb61；笔划线帽：圆形；笔划线连接：倒角；笔划宽度：10px；}绿色百分比

如果我理解正确，尽管您想要制作圆弧动画有困难

弧公式

<path d="M mx,my A rx,ry x-axis-rotation large-arc-flag, sweep-flag x,y" />    

---

它在Chrome中工作，但在Firefox中不工作。然而，由于SVG中定义圆弧的方式奇怪，动画有一个小问题。我实际上认为标志是问题所在（第四个参数）。例如，如果我制作一个较小的圆弧（低于180度）正如预期的那样。当我通过180度时，问题就出现了。然而……我不知道如何在没有那个标志的情况下制作更大的圆弧，除非我使用两个圆弧（我更愿意不使用）。@Codo是的……我想有一天一个家伙醒来说：“嘿……我们不要用极坐标来画圆弧——所以每个人都会自己计算。”：|别开玩笑了……我想知道这种选择是否有性能优势。