Components

ProgressBar

A progress bar shows how far in a process the user has come.

Examples

A progress bar with a given progress percentage

<ProgressBar value={50} marginY={3}  maxWidth="300px" />

A labeled progress bar

<ProgressBar 
  value={30} 
  label="Betaler"
  marginY={3}
  maxWidth="300px"
/>

A progress bar with texts that changes every 5 seconds

<ProgressBar 
  value={30)
  label={["Kontakter bank", "Verifiserer", "Straks ferdig"]} 
  marginY={3}
  maxWidth="300px"
/>