Screenshot

Description

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

Width

Enter the total width of the progress bar.

Style

The style defines the color of the progress bar (the completed part). The listbox contains the terms that Bootstrap uses to identify the color style.

Progress

Enter the percentag of completion of the progress.

Striped

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

Animated

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