progress-bars css component for Pivotal UI based on Bootstrap

Usage no npm install needed!

<script type="module">
  import puiCssProgressBars from 'https://cdn.skypack.dev/pui-css-progress-bars';



A CSS progress-bars component that can be installed via this npm package. This package provides all of the CSS you need to use the component.


To install the package from the command line:

npm install pui-css-progress-bars


<div class="progress">
  <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" class="progress-bar" role="progressbar" style="width: 60%;"></div>
<div class="mts">
  <div class="type-sm" style="float:left">60 MB / 100 MB</div>
  <div class="type-sm" style="float:right">60%</div>

You can find more examples of the progress-bars component in the pui style guide

This is a component of Pivotal UI, a collection of React and CSS components for rapidly building and prototyping UIs.

Styleguide Github npm

(c) Copyright 2017 Pivotal Software, Inc. All Rights Reserved.