title: Progress bar increase precentage on load
body: <p>I'm working on a simple progress bar that increases the percentage on load using reactjs and ant design, my problem is I cant achieve that effect.</p>
  
  <p>Hope you understand me.</p>
  
  <p>Thanks.</p>
  
  <p><a href="https://codesandbox.io/s/5yj1mz103l" rel="nofollow noreferrer">SMAPLE CODE</a></p>
  
  <pre><code>class App extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        percent: 0
      };
    }
  
    componentDidUpdate() {
      let percent = this.state.percent;
      for (; percent &lt; 40; percent++) {
        this.setState({
          percent: percent
        });
      }
    }
    render() {
      return (
        &lt;div&gt;
          &lt;Progress percent={this.state.percent} /&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>