Skip to main content
ProgressView(props?: { value: number; total?: number }): Component;
​
value
number
The current progress value. When provided, displays a determinate progress bar.
​
total
number
default:"1"
The value that represents full completion. Defaults to 1, so value is treated as a fraction (0 to 1).

​
Support

​
Usage

​
Indeterminate spinner

When called with no arguments, displays an indeterminate spinning indicator. 
ProgressView()

​
Determinate progress bar

ProgressView({ value: 0.7 })

​
Custom total

ProgressView({ value: 75, total: 100 })

​
With label

VStack({ spacing: 8 }, [
    HStack([
        Text("Downloading..."),
        Spacer(),
        Text("60%")
    ]),
    ProgressView({ value: 0.6 })
])
    .padding(16)

​
See Also

  • Text — text display