Skip to main contents

Progress indicators

import '@vollowx/seele/m3/progress/circular-progress.js';
import '@vollowx/seele/m3/progress/linear-progress.js';
<md-circular-progress aria-label="Loading pictures" value="25"></md-circular-progress>
<md-circular-progress aria-label="Loading pictures" style="
  --md-circular-progress-thickness: 6px;
  --md-circular-progress-gap: 8px;
"></md-circular-progress>
<md-circular-progress aria-label="Loading pictures" indeterminate></md-circular-progress>

<md-linear-progress aria-label="Loading pictures" value="25"></md-linear-progress>
<md-linear-progress aria-label="Loading pictures" value="75" style="--md-linear-progress-thickness: 8px"></md-linear-progress>
<md-linear-progress aria-label="Loading pictures" indeterminate></md-linear-progress>

M3CircularProgress

M3LinearProgress