Css SVG进度条以75的圆圈比例虚线显示

从现在起两天以来，我在一个问题上被绊住了。我会尽量简短，但结果应该是这样的：

我现在不知道怎么做，我将尝试从一个硬编码的值开始，然后尝试将圆百分比与实际值匹配。（不要介意中间的圆圈，我以后再做）

这是我到现在为止所做的，没有任何意义，但这是我发现的唯一一种能使75%的圆变圆的方法：

svg{
利润率：15px；
}
.加载器{
笔画：红色；
笔画宽度：6；
阵列：258；
变换原点：中心；
变换：旋转（135度）；
填充：透明；
}
格雷先生{
冲程：#C1C1；
}

您可以尝试以下方法：

svg{
利润率：15px；
}
.加载器{
笔画：红色；
笔画宽度：6；
行程数组：262350；/*75%*/
变换原点：中心；
变换：旋转（135度）；
填充：透明；
动画：改变5s线性无限交替；
}
格雷先生{
冲程：#C1C1；
}
@关键帧改变{
来自{stroke dasharray:0350；}/*0%*/
至{stroke dasharray:350350；}/*100%*/
}

您可以尝试以下方法：

svg{
利润率：15px；
}
.加载器{
笔画：红色；
笔画宽度：6；
行程数组：262350；/*75%*/
变换原点：中心；
变换：旋转（135度）；
填充：透明；
动画：改变5s线性无限交替；
}
格雷先生{
冲程：#C1C1；
}
@关键帧改变{
来自{stroke dasharray:0350；}/*0%*/
至{stroke dasharray:350350；}/*100%*/
}

我不完全确定你的问题是什么，但如果你问如何用不同的颜色给圆的一部分上色，最简单的方法是复制一个圆，调整宽度，将它放在第一个圆的顶部，然后更改该圆的颜色。动画是为了说明，不需要；）只需将其移除。。通过简单地调整值，可以有10、20或任意数量的破折号。我只是简单地给出了一个一般性的答案，我会看看你的答案，然后试着编辑：）我不完全确定你的问题是什么，但是如果你问如何用不同的颜色给你的圆的一部分着色，最简单的方法就是复制一个圆，调整宽度，将其放置在第一个圆的顶部，并更改该圆的颜色。动画用于演示，不需要；）只需将其移除。。通过简单地调整值，可以有10、20或任意数量的破折号。我只是简单地给出了一个一般性的答案，我会看看你的答案，然后试着编辑：）我发现我的问题并不是我想的那样，但这仍然是一个很好的答案，我不会把它用于破折号，而是用于绿色级别，我会有一个背景灰色圆圈，在z指数2上，我会有我的绿色级别，在z-index 3上，白色路径的行为就像灰色圆圈被虚线划破一样。我发现我的问题不是我想的那样，但这仍然是一个很好的答案，我不会用它来划破虚线，而是用它来表示绿色等级，我会用一个背景灰色圆圈，在z-index 2上，我会用我的绿色等级，在z-index 3上，白色路径的行为类似于灰色圆圈被虚线。