monkey-bar

<monkey-bar>

🛠 Feel free to try it out, but be aware that the component is in alpha.

Progress element built with lit-element based on Bootstrap 4.

<monkey-bar
  min="0"
  max="100"
  now="80"
  label striped></monkey-bar>

Pre-requisite

• Node.js >= 10.17.0
• npm >= 6.13.0 (npm comes with Node.js so there is no need to install it separately)

Use the component

1. Install the component from npm

   $ npm i monkey-bar@1.0.0-alpha2
   

2. Import the component

   In a JavaScript module:

   import 'monkey-bar'
   

   In an HTML page:

   <script type="module">
     import './path-to/monkey-bar/monkey-bar.js';
   <script>
   

   Or:

   <script type="module" src="./path-to/monkey-bar/monkey-bar.js"></script>
   

3. Add the component to your application or component:

   <monkey-bar><monkey-bar>