---
name: ProgressBar
route: /components/progressbar
menu: Components
---

import { Playground, PropsTable } from 'docz';
import ProgressBar from './ProgressBar';

# ProgressBar

## Usage

```javascript
import { ProgressBar } from '@snowpak/powpow';

export default () => (
  <ProgressBar activeStep="2" />;
);
```

## Props

<PropsTable of={ProgressBar} />

## Examples

<Playground>
  <ProgressBar activeStep="2" data-cy="sp-progressBar" />
</Playground>