Add the Native Progress Bar element to a Bubble mobile page.
Set Progress value to the current number you want to display. Use Min value and Max value to define the progress range. For example, a value of 50, min of 0, and max of 100 displays 50% progress.

Choose a Progress type:
horizontal displays a standard horizontal progress bar.
circular displays a circular progress ring.

Choose a Mode:
solid displays one continuous fill color.
segmented splits the progress into separate segments.
gradient uses a start and end color.
indeterminate displays a loading-style progress animation.
dots displays a dot loading indicator.
skeleton displays a placeholder loading style.
Use Show label to display progress text. Use Label format to choose whether the label shows percent, value, value/max, or custom text. If Label format is set to custom, enter the text in Custom label.

Use the layout fields to adjust the look:
Bar height controls horizontal bar thickness.
Circle size controls circular ring diameter.
Circle thickness controls circular ring stroke width.
Stroke cap controls circular ring end shape.
Border radius controls rounded corners.
Padding controls inner spacing.
Alignment controls placement inside the Bubble element.

Use the color fields to customize the appearance:
Track color controls the unfilled background track.
Progress color controls the filled progress.
Indeterminate color controls loading animation color.
Gradient start color and Gradient end color control gradient mode.
Background color controls the element background.
Text color controls the label color.

The plugin publishes these states:
percent: computed progress from 0 to 100.
clamped_value: the current value after applying min and max limits.
is_complete: true when progress reaches the complete threshold.
last_error_message: the latest validation or runtime error.

Available workflow actions:
Set value: sets the progress to a specific number.
Reset value: resets the progress value.
Increment value: increases the current value by a chosen amount.
Decrement value: decreases the current value by a chosen amount.
Use the progress changed event to run workflows whenever the value changes. Use the progress completed event to trigger workflows when the progress reaches the completion threshold. Use the error occurred event to handle invalid setup, such as a max value that is not greater than the min value.