Я работал над созданием некоторого круглого индикатора выполнения для моей простой панели инструментов. В основном, я использую реагирующее-круговое-прогрессбар, поскольку я нахожу это удобным для пользователя. Он работает нормально, но я хочу добавить некоторый градиент к его штриху либо с CSS, либо с чем-то еще, может быть. Вот фрагмент кода, чтобы разобраться:
<CircularProgressbarWithChildren value={78} styles={{ root: {}, path: { stroke: "#6D6CB8" } }} >
<span style={{ color: "#6D6CB8" }}>78<tspan>%</tspan></span>
</CircularProgressbarWithChildren>