1. Home
  2. Docs
  3. Bootstrap Visuals for Confluence
  4. User Guide
  5. Multi Progress Bar 5

Multi Progress Bar 5

Example

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

Width

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

Was this article helpful to you? Yes No

Leave a Reply

Your email address will not be published.