The Progress Bar is a component designed to provide visual feedback to users, clearly indicating the start and completion of a process. It is highly configurable, allowing you to specify its dimensions, colors, and the amount of progress that should be displayed relative to a defined minimum and maximum range.

💡💡💡 Tip 💡💡💡

Many of the visual attributes for the Progress Bar are grouped at the bottom of the Appearance Panel, under the Other section.

Appearance Properties

These properties, located in the Appearance Panel under Other, control the visual styling of the bar.

• Bar Background Color: Specifies the color for the background of the bar—the portion not covered by the progress section.
• Bar Border Color: Sets the color for the bar's border.
• Bar Border Width: Sets the width of the border surrounding the Progress Bar.
• Bar Height: Sets the height of the Progress Bar.
• Bar Width: Sets the width of the Progress Bar.
• Progress Color: Sets the color for the portion of the bar that represents the current progress amount.

Settings Properties

These properties, found in the Settings Panel, control the numeric range and current state of the progress.

• Min (Settings Panel): Defines the minimum value of the Progress Bar (e.g., 0 for a 0-100 bar).
• Max (Settings Panel): Defines the maximum value of the Progress Bar (e.g., 100 for a 0-100 bar).
• Value (Settings Panel): Defines the current amount of progress, which must fall between Min and Max (e.g., 50 if a 0-100 process is halfway complete).