# 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>
```