HIG Progress Ring


1422431.2.09 months ago3 years agoMinified + gzip package size for @hig/progress-ring in KB


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" />

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.