@hig/progress-ring

Progress Ring

The progress ring is one kind of visual representation of content loading.

Read more about when and how to use the Progress Ring component on the website.

Getting started

Install the package

yarn add @hig/progress-ring @hig/theme-context @hig/theme-data

Import the component

import ProgressRing from '@hig/progress-ring';

Basic usage

<ProgressRing percentComplete="33" size="m" />