<!-- AUTO-GENERATED from the @riverty/web-components custom elements manifest. Do not edit by hand. -->

# r-progress-bar

Displays a horizontal progress indicator showing the completion percentage of a task or process.

Example
```
<r-progress-bar progress="50" r-aria-label="Upload progress: 50%"></r-progress-bar>
```

## class: `RProgressBar`, `r-progress-bar`

### Fields

| Name         | Privacy | Type     | Default | Description                                                                                                                              | Inherited From |
| ------------ | ------- | -------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
| `progress`   |         | `number` | `0`     | Progress bar value                                                                                                                       |                |
| `rAriaLabel` |         | `string` |         | Sets string value for `aria-label` attribute<br>(https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) |                |

### Attributes

| Name           | Field      | Inherited From |
| -------------- | ---------- | -------------- |
| `progress`     | progress   |                |
| `r-aria-label` | rAriaLabel |                |

<hr/>

## Exports

| Kind                        | Name             | Declaration  | Module | Package |
| --------------------------- | ---------------- | ------------ | ------ | ------- |
| `js`                        | `RProgressBar`   | RProgressBar |        |         |
| `custom-element-definition` | `r-progress-bar` | RProgressBar |        |         |
