View Source ProgressView
<ProgressView>
Displays progress toward a target value.
Overview
This element can represent a indeterminate spinner in its most basic form.
<ProgressView />
Use value
and total
to display a specific value.
<ProgressView value={0.5} />
<ProgressView value={0.5} total={2}>
<Text template={:label}>Completed Percentage</Text>
<Text template="currentValueLabel">25%</Text>
</ProgressView>
Create a timer with timerInterval:start
and timerInterval:end
<ProgressView
counts-down
timerInterval:start={DateTime.utc_now()}
timerInterval:end={DateTime.utc_now() |> DateTime.add(5, :minute)}
/>
Attributes
Children
label
- Describes the purpose of the element.currentValueLabel
- Describes the current value.