The Progress Bar widget is used to easily visualize progress, advancement or growth. Progress can be shown in a shape of a Line (or a bar if it's a thick line), a circle, or a semi-circle.

To learn how to add a Widget to your Composition, click here.

Remember, any underlined widget properties can be connected to a Control Node or a Data Node.


As seen above, select the "Progress Bar" tab in the Property Panel to update this widget's following property types:



Duration (in milliseconds) - Time for the visualized progress to complete

Easing - How the progress animates over time. Options include Linear, Ease In, Ease Out, Ease In Out and Bounce

Line Color - Color selector for the progress line

Progress Value - Percentage end progress value

Stroke Width (in pixels) - Width of line

Trail Color -  Color selector for the path the progress line takes

Trail Width - Width of the path the progress line takes

Type - Line, Circle or Semi Circle options for the progress shape type


Was this article helpful?
0 out of 6 found this helpful



Please sign in to leave a comment.