# Multi Progress Bar 5

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

## Screenshot

<figure><img src="https://3271911861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDHpX6TOKpku17lmsHem1%2Fuploads%2F9VcJpVlXgUM6RbAL3a5H%2Fmulti-progress-bar.png?alt=media&#x26;token=e22166b5-e5fb-4591-8625-151d965fd0d3" 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="https://3271911861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDHpX6TOKpku17lmsHem1%2Fuploads%2F1CjEthyVoFPr5oAvojOE%2Fmulti-progress-bar-dialog-768x476.png?alt=media&#x26;token=eb692c3b-5be0-476f-bba3-eff70c79c23f" 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.