AUI Progress Bar 2
Description
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
Macro Options

ID
Enter a unique ID for this object on your page. The macro is not using it though. But you can use it to address the progress bar with an external Javascript.
Using 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;
Progress
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.
Max Value
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.
Width
You can enter a fixed width here, e.g. 400px.
Note: The height cannot be adjusted for this type of progress bar.
Last updated