33 lines
708 B
Markdown
33 lines
708 B
Markdown
# tp-progress-bar
|
|
|
|
A progress bar element.
|
|
|
|
## Installation
|
|
|
|
```bash
|
|
npm i @tp/tp-progress-bar
|
|
```
|
|
|
|
## Usage
|
|
|
|
```html
|
|
<tp-progress-bar progress="50"></tp-progress-bar>
|
|
```
|
|
|
|
## Properties
|
|
|
|
| Property | Type | Description |
|
|
| -------- | ---- | ----------- |
|
|
| `progress` | `Number` | The current progress of the progress bar (0-100). Ignored when `indeterminate` is set. |
|
|
| `indeterminate` | `Boolean` | When set, shows an animated indicator that travels back and forth continuously. Use for operations whose progress can't be determined. |
|
|
|
|
## Usage
|
|
|
|
```html
|
|
<!-- Determinate -->
|
|
<tp-progress-bar progress="50"></tp-progress-bar>
|
|
|
|
<!-- Indeterminate -->
|
|
<tp-progress-bar indeterminate></tp-progress-bar>
|
|
```
|