如何根据值更改 ant design 进度条颜色？

Question

我想给 'yellow' 颜色直到 50%，50% 之后它会显示 'green'。

它不像 strokeColor 功能。我想看黄色或绿色。不在一起。

是否可以处理（最好不用css）？

import { Progress } from 'antd';

<Progress 
  percent={this.state.progress}
/>

Answer 1

使用strokeColor道具：

<Progress 
  percent={this.state.progress}
  strokeColor={this.state.progress < 50 ? "yellow" : "green"}
/>

在那里检查：https://codesandbox.io/s/dynamic-ant-design-demo-icli2

Answer 2

使用描边颜色