A progress bar gives the user a visual representation of their completion status of an ongoing process or task.

Read more about Progress in the PatternFly Elements Progress documentation.

Load <pf-progress> via CDN:

<script src="https://jspm.dev/@patternfly/elements/pf-progress/pf-progress.js"></script>

Or, if you are using NPM, install it

npm install @patternfly/elements

Then once installed, import it to your application:

import '@patternfly/elements/pf-progress/pf-progress.js';

<pf-progress title="Default" value="33"></pf-progress>