How to increase progress antd capacity-CodePudding

I am using Ant Design component Progress. I need to increase it capacity. For example, it should be filled in 500%. Now when number of percent increasing more than 100, it fills. How can I do this?

<Progress percent={percent} type="line" size="small" status="active" />;

It's how I use it.

CodePudding user response：

Try this example: https://stackblitz.com/edit/react-winiec

You can update the percent by your total percent requirement dynamically

<Progress percent={25} format={percent => `${percent*5} %`} />

CodePudding user response：

Try this:

<Progress type="line" steps={500} size="small" status="active"/>

But you must set the percent attribute between 0 and 100. If it's not you must divide it to 5.