如何使用CSS变量调整环形进度条的偏移量？

本文共计1266个文字，预计阅读时间需要6分钟。

直接在 `conic-gradient` 的色标位置使用 `calc()` 做动态偏移，是最轻量级、最可控的方式。例如，进度从 0% 开始，但想让圆形起点默认在 12 点方向（即顶部），可以先旋转 -90deg 来补偿——这不是通过 transform，而是依靠渐变起点的渐变偏移。

常见错误是把 transform: rotate(-90deg) 加在容器上，结果整个元素（包括文字、伪元素）都跟着转，指示器错位；或者误以为 conic-gradient 默认就从顶部开始，其实它默认从 3 点方向（0deg = 正右）。