<Progress value="0" />
<Progress value="20" type="primary" />
<Progress value="40" type="secondary" />
<Progress value="60" type="success" />
<Progress value="80" type="warning" />
<Progress value="100" type="danger" />

<Progress striped />
<Progress striped type="secondary" />
<Progress striped type="success" />
<Progress striped type="warning" />
<Progress striped type="danger" />

<script>
  let progress = 80;
  setTimeout(() => {
    progress= 100;
  }, 2000);
</script>

<Progress showValue />
<Progress showValue value="90" />
<Progress value={progress}
          striped type="warning">
  Progress: {progress}%
</Progress>

<Progress indeterminate />
<Progress indeterminate striped type="warning" />