首页 > 解决方案 > Material Ui中如何改变循环进度的路径颜色?

问题描述

在此处输入图像描述

我知道如何改变背景和进度的颜色。我想在填充之前更改进度路径的颜色

export const CircleProgress = withStyles(() => ({
  root: {
    width: '262px !important',
    height: '262px !important',
    transform: 'rotate(220deg) !important',
    color: 'blue',
  },
}))(CircularProgress);

如何更改轨迹颜色

标签: javascriptcssresponsive-designmaterial-ui

解决方案


解决方法是使用两个相互叠加的圆形进度条。灵感来自 MUI 官方文档中的以下示例:CircularProgressWithLabel


推荐阅读