tp-progress-bar
A progress bar element.
Installation
npm i @tp/tp-progress-bar
Usage
<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
<!-- Determinate -->
<tp-progress-bar progress="50"></tp-progress-bar>
<!-- Indeterminate -->
<tp-progress-bar indeterminate></tp-progress-bar>