stefanfrede / monkey-bar

Progress element built with lit-element based on Bootstrap 4

<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"
  labeled 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-alpha.12

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>

   You can also use UNPKG (step 1 is then unnecessary):

   <script src="https://unpkg.com/monkey-bar@1.0.0-alpha.12/dist/monkey-bar.min.js"></script>

3. Add the component to your application or component:

   <monkey-bar><monkey-bar>