monkey-bar v1.0.0-alpha.0

🛠 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-alpha.1

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>