View Source ProgressView

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

• value
• total
• timerInterval:start
• timerInterval:end
• countsDown

Children

• label - Describes the purpose of the element.
• currentValueLabel - Describes the current value.