# ef-progress-bar

Data visualisation component,
showing a simple percentage bar.

## Properties

| Property    | Attribute   | Type     | Default | Description                                      |
|-------------|-------------|----------|---------|--------------------------------------------------|
| `alignment` | `alignment` | `string` | "left"  | The alignment of the bar.<br />The bar can either start from the `left` or `right`. |
| `label`     | `label`     | `string` | ""      | The current label to be displayed next to the bar.<br />This is affixed to the end of the bar, so make sure to cater for this. |
| `value`     | `value`     | `string` | "100"   | The current value of the bar.<br />This can range from `0-100` and<br />will be represented as a percentage bar |

## Slots

| Name    | Description                                      |
|---------|--------------------------------------------------|
| `label` | Overrides the label property and places custom content. Useful for modifying the color, or, adding icons. |