Progress

An animated element that keeps the user informed regarding a pending operation.

Import

import '@amber-ds/components/progress';

Markup

<amber-progress
  size="48"
  stroke="4"
  value="25"
></amber-progress>

Attributes

Name Type Default value Description
size Number 48 Width of the element
stroke Number 4 Width of the stroke overlay color
value Number 25 Percent of the color covering the element
determinate Boolean false If it displays a determinate spinner or an infinite one

Storybook

Last Updated: 4/5/2019, 10:21:49 AM