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.