V99ProgressIndicator

Show loading progress.

I. Props

---

Name	Type	Default	Description
type	bar | circle	bar	Progress type. Any change type display bar or circle
value	number	0	Progress percentage of the circle
height	number	4	Progress bar height. This is useful if you want, to adjust the height of the progress bar.
radius	number	18	Progress circle radius. This is useful if you want to adjust the size of the progress circle.
strokeWidth	number	6	Progress circle stroke width. Use this to change the stroke width of the active progress circle.

II. Usage

import { V99ProgressIndicator } from 'v99-kits'

III. ProgressIndicator list:

• ProgressIndicator circle
• ProgressIndicator bar

---

1. ProgressIndicator circle

Example

  <V99ProgressIndicator
    value={value}
    type={'circle'}
    strokeWidth={6}
    radius={60}
  />

Demo

---

2. ProgressIndicator bar

Example

<V99ProgressIndicator value={value} type={'bar'} height={10} />

Demo