@berlitz/progress-bar

ProgressBar component for the Max Design System

Usage no npm install needed!

<script type="module">
  import berlitzProgressBar from 'https://cdn.skypack.dev/@berlitz/progress-bar';
</script>

README

ProgressBar npm version

Progress bar is a visual progression element to monitoring the process.

Installation

yarn add @berlitz/progress-bar

Props

Prop Type Required Default Notes
value number ✅ NO Assign values to the progress element
size string ❌ md define the height for the progress bar
max number ✅ NO sets the maximum value of the progress bar

Usage

// prettier-ignore
import ProgressBar from '@berlitz/progress-bar'
const MyProgressBar () => <ProgressBar value="40" max="100" size="sm" />

Notes