<Progress> is a UI component that shows a bar to indicate the progress of a task.

See also: ActivityIndicator.

<<< @/../examples/typescript/src/ui/Progress/template.xml#example

<<< @/../examples/angular/src/ui/Progress/component.html#example

<<< @/../examples/react/src/components/ui/progress.tsx#example

<<< @/../examples/solid/src/ui/progress.tsx#example

<<< @/../examples/svelte/app/components/ui/Progress.svelte#example

<<< @/../examples/vue/src/ui/Progress/component.vue#example

To style the Progress bar, set the backgroundColor and color.

The backgroundColor will be applied to the track, and the color will be applied to the bar itself.

<Progress
  value="75"
  backgroundColor="#fff"
  color="#000"
/>

value: number

Gets or sets the current value of the progress bar.

Must be within the range of 0 to maxValue.

maxValue: number

Gets or sets the maximum value of the progress bar.

Defaults to: 100.

For additional inherited properties, refer to the API Reference

• Android: android.widget.ProgressBar (indeterminate = false)
• iOS: UIProgressView
• Linux: GtkProgressBar