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

Question

我想给“黄色”颜色直到 50%，50% 之后它会显示“绿色”。

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

是否可以处理它(最好没有 css)？

import { Progress } from 'antd';

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

Answer 1

使用 strokeColor Prop :

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

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