> For the complete documentation index, see [llms.txt](https://docs-drift.g-axon.work/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-drift.g-axon.work/components/progress-bar.md).
# Progress Bar
### Basic Progress bar
{% tabs %}
{% tab title="Example 1" %}
{% endtab %}
{% tab title="Source Code" %}
```markup
```
{% endtab %}
{% endtabs %}
### Progress bar with Labels
{% tabs %}
{% tab title="Example 2" %}
{% endtab %}
{% tab title="Source Code" %}
```markup
```
{% endtab %}
{% endtabs %}
### Progress bar with Heights
{% tabs %}
{% tab title="Example 3" %}
{% endtab %}
{% tab title="Source Code" %}
```markup
```
{% endtab %}
{% endtabs %}
### Multiple Progress bar
{% tabs %}
{% tab title="Example 4" %}
{% endtab %}
{% tab title="Source Code" %}
```markup
```
{% endtab %}
{% endtabs %}
### Various color Progress bar
{% tabs %}
{% tab title="Example 5" %}
{% endtab %}
{% tab title="Source Code" %}
```markup
```
{% endtab %}
{% endtabs %}
### Striped Progress bar
{% tabs %}
{% tab title="Example 6" %}
{% endtab %}
{% tab title="Source Code" %}
```markup
```
{% endtab %}
{% endtabs %}
### Animated Striped Progress bar
{% tabs %}
{% tab title="Example 7" %}
{% endtab %}
{% tab title="Source Code" %}
```markup
```
{% endtab %}
{% endtabs %}