Progress Bar | Glide Docs

The Progress Bar component will show a bar that is partially filled based on how far a value has progressed toward the maximum possible value.

Setting up a Progress Bar

In the Layout Editor, select the tab you want to edit.

Click on the plus (+) symbol in the Components panel.

Select the Progress Bar component.

Choose the Data Source where your values are stored.

Select the column that should affect the progress bar’s current status in the Value field.

Set the minimum and maximum values. By default, Glide fills these fields with 0 as the minimum and 100 as the maximum.

Give the progress bar a Title and Description.

Choose Colors for the progress bar. These can be written-out in English, hex codes, or multiple options in a comma separated list.

Hide Value will either show or hide the total value of the item being measured by the progress bar.

Formatted Value will choose which value to show in the upper right of the progress component.

Creating Dynamic Progress Bars

You can choose the minimum and maximum values from columns in your data source and create a dynamic progress bar. These two columns are then tied to the minimum and maximum of the progress bar, and the progress bar will change if the values in these columns change.