> For the complete documentation index, see [llms.txt](https://lewe.gitbook.io/bootstrap-visuals-for-confluence/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lewe.gitbook.io/bootstrap-visuals-for-confluence/user-guide/multi-progress-bar-5.md).

# Multi Progress Bar 5

{% hint style="warning" %}
Macro requires license
{% endhint %}

## Screenshot

<figure><img src="/files/rSx28EcyKC7EKYoiVOHB" alt=""><figcaption></figcaption></figure>

## Description

This macro adds a Bootstrap 5 Progress Bar container to your page. Add one or more Bootstrap 5 progress bar macros into its body. Make all of their progress add up to 100% to fill the whole container bar.

## Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Multi Progress Bar” macro

## Macro Options

<figure><img src="/files/7lcdlokEisQRwaQ9DxJm" alt=""><figcaption></figcaption></figure>

### **Width**

Enter the width of the progress bar container in pixel, e.g. 300px. Leave empty for the width of the parent element.