@instructure/ui-progress

---

category: packages

ui-progress

A styled HTML 'progress' element

Components

The ui-progress package contains the following:

• ProgressBar
• ProgressCircle

Installation

npm install @instructure/ui-progress

Usage

---
example: false
---
import React from 'react'
import { ProgressBar } from '@instructure/ui-progress'

const MyProgress = () => {
  return (
    <ProgressBar
      screenReaderLabel="Loading completion"
      valueNow={40}
      valueMax={60}
    />
  )
}