如何根据值改变蚂蚁设计进度条的颜色？

Question

我想给‘黄色’的颜色，直到50%，50%后，它将显示‘绿色’。

它不像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

使用strokeColor

<进步type=“圆圈”percent={progressbar} strokeColor={'green'} />