@hig/progress-ring

HIG Progress Ring

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
139233Jun 10, 2021Apr 3, 2017Minified + gzip package size for @hig/progress-ring in KB

Readme

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.