The AUI Pogress Bar 2 is a newer implementation of Atlassian that also allows for an indeterminate state, displayed as a bouncing progress bar.
Adding the Macro
- Edit your page.
- Select “+” => Other macros
- Type in “aui” in the Search box
- Select the “AUI Progress Bar 2” macro
Note: The progress bar will not show in the preview section. Save the page to see the result.
Usgin the Confluence jQuery implementation you can adjust the progress bar like this:
let progress = document.getElementById("my-progress-bar2"); progress.max = 42; progress.value = 7;
Enter the progress value in relation to the Max Value.The Max Value is set to 100 per default which in most cases is what you want, representing 100%. In that case, if you want to display a 52% progress, enter 52 here.
The Max Value is set to 100 per default which in most cases is what you want, representing 100%. Depending on your use case, you might want to chose a different value. You can do so here. Make sure you adjust your progress value accordingly.
You can enter a fixed width here, e.g. 400px.
Note: The height cannot be adjusted for this type of progress bar.