ProgressBar.svg

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.

Properties

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

General

Screen_Shot_2020-01-03_at_3.36.40_PM.png

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

Comments

0 comments

Please sign in to leave a comment.