Overview
Progress indicators provide user-feedback to indicate that an operation in loading. They are built with SVG paths, CSS transition and animation effects.
Examples
Small variation
<div class="progress-indicator progress-indicator--sm"></div>
Medium variation
<div class="progress-indicator"></div>
Large variation
<div class="progress-indicator progress-indicator--lg"></div>
Usage guidelines
We're so sorry, there are currently no usage guidelines for this component 😥
If you feel you can help out your fellow designers by creating usage guidelines for this component, please reach out to #cr-marquee on Slack.
Implementation guidelines
| Name | Class | Description |
|---|---|---|
| Size |
.progress-indicator--sm
.progress-indicator--md
.progress-indicator--lg
|
Sizes for Spinner. Default is medium. |