Progress Bar Component

Show the progress of each task

1. Insert the Progress Bar component the gallery created in the previous step

2. Now let's link the percentage value to our datasource. On the property Current Value use the following formula:

ThisItem.'Percentage Completion'

Let's configure our progress bar to have different color based on the current status of the task.

For that paste the code below on the CustomColor property of the component.

Switch(ThisItem.Progress.Value,
"Not started",
"#66655f",
"In progress",
"#0AA1DD",
"Completed",
"#14C38E",
"Blocked",
"#e1002d")

Your app should now be looking like this:

Last updated 3 years ago