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

Progress Bar



The Progress Bar allows you to show a visual representation of a progress. You can select the width, color, style and percentage of completion.

Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap Progress Bar” macro

Macro Options


Enter the total width of the progress bar.


Select one of the Bootstrap color styles.


Enter the percentag of completion of the progress.


Check to show the fill of the completed part in stripes.


Check to animate the completed part. This only works in combnation with the Striped option.

Was this article helpful to you? Yes 1 No

Leave a Reply

Your email address will not be published. Required fields are marked *