CataUiProgress
A progress indicator component that shows either a determinate progress bar or an infinite loading animation.
Examples
Determinate Progress
<CataUiProgress :progress="75" />
Infinite Progress
<CataUiProgress />
Custom Height
<CataUiProgress :progress="50" height="10px" />
Props
| Prop | Description | Type | Default | Required |
|---|---|---|---|---|
| height | Sets the height of the progress bar | String | '5px' | false |
| progress | Percentage progress (0-100). If set to less than 0, displays an infinite animation | Number | -1 | false |
Usage Notes
- Set a specific
progressvalue (0-100) to show a determinate progress bar - Omit the
progressprop or set it to a negative value to display an infinite loading animation - The component automatically handles progress values greater than 100, capping them at 100%