如何根据值更改ant设计进度栏颜色?

开发人员库

我要给“黄色”颜色直到50%,在50%之后它会显示“绿色”。

它不像笔触颜色功能。我想看到黄色或绿色。不在一起。

是否有可能处理(最好是不使用CSS)?

import { Progress } from 'antd';
<Progress 
  percent={this.state.progress}
/>
哈米德·萨拉尼(Hamid Sarani)

使用strokeColor道具:

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章