Bootstrap Visuals for Confluence
  • Introduction
  • Free and License Macros
  • Administrator Guide
    • Sample Page Code
    • Interference with other Apps
    • Data Center Compatibility
  • User Guide
    • Alert Box
    • Alert Box 5
    • Bootstrap Color Styles
    • Badge
    • Badge 5
    • Button
    • Button 5
    • Button Group
    • Button Group 5
    • Callout
    • Callout 5
    • Card
    • Card 5
    • Jumbotron
    • List Group
    • List Group 5
    • List Group Item
    • List Group Item 5
    • Panel
    • Progress Bar
    • Progress Bar 5
    • Multi Progress Bar 5
    • Spacer
    • Spinner
    • Spinner 5
    • Toast
  • Credits
Powered by GitBook
On this page
  • Screenshot
  • Description
  • Adding the Macro
  • Macro Options
  • Width

Was this helpful?

  1. User Guide

Multi Progress Bar 5

PreviousProgress Bar 5NextSpacer

Last updated 2 years ago

Was this helpful?

Macro requires license

Screenshot

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.