🛠 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>
- Node.js >= 10.17.0
- npm >= 6.13.0 (npm comes with Node.js so there is no need to install it separately)
-
Install the component from npm
$ npm i monkey-bar@1.0.0-alpha2
-
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>
-
Add the component to your application or component:
<monkey-bar><monkey-bar>