Html 如何用掩码制作svg填充箭头

我想一个圆形路径（遮罩）填补从0到100%的长度和不断重复。我试图在SVG文件中完成这一切，使其更整洁

我一直在遵循一个教程，其中包含以下简化代码（运行代码段）：

.路径{
笔划阵列：1000；
行程偏移量：1000；
动画：dash 5s线性向前无限；
}
@关键帧破折号{
从{
行程偏移量：1000；
}
到{
笔划偏移：0；
}
}

回答：谢谢你，特曼尼

.cls-1{
填充：#2b2b2a；
}
.圆图{
位置：绝对位置；
最大宽度：50%；
}
.圆圈{
行程：#D8D9DB；
笔划线头：无；
笔划阵列：2000；
行程偏移量：1000；
动画：前进5s线性向前无限；
}
@关键帧进度{
从{
行程偏移量：2000；
}
到{
笔划偏移：0；
}
}

您需要大于1000的较大值，请尝试2000或稍大一点。1000不是一个静态值，它取决于元素谢谢！并添加笔划线帽：无！