chore: update npm readme

Author: setaman

README

@@ -18,20 +18,34 @@ with a bit  of imagination you can create really exciting things.
 
 :grey_exclamation: Take a look at some interesting examples on the [Demo page](https://vue-ellipse-progress-demo.netlify.com) :grey_exclamation:
 
-## Usage
+## Installation
+Use your package manager or CDN to install and initialize the component.
+
+### NPM
 Install the library via npm:
 ```
 npm i vue-ellipse-progress
 ```
-The component is provided as a Vue.js plugin. So just initialize it in your `main.js`:
+The component is provided as a Vue.js plugin. So just initialize it in your ``main.js``:
 ```js
 import VueEllipseProgress from 'vue-ellipse-progress';
 
 Vue.use(VueEllipseProgress);
 
 // Vue.use(VueEllipseProgress, "vep"); you can define a name and use the plugin like <vep/>
 ```
-Now use the component:
+
+### CDN
+Use this option where you have a global Vue.js instance available. You can customize and get the bundled and minified
+component from [JSDelivr](https://www.jsdelivr.com/package/npm/vue-ellipse-progress).
+Just add the following line to your HTML and start using the component, nothing more is required:
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/vue-ellipse-progress/dist/vue-ellipse-progress.umd.min.js"></script>
+```
+
+## Usage
+After you have initialized the component, use it everywhere you want in your application:
 ```html
 <vue-ellipse-progress
   :data="circles"
@@ -56,13 +70,15 @@ Now use the component:
   :half="false"
   :gap="10"
   dot="10 blue"
+  reverse
   fontSize="5rem">
 
   <span slot="legend-value">/200</span>
   <p slot="legend-caption">GOOD JOB</p>
 
 </vue-ellipse-progress>
 ```
+
 ## Options
 You are ready to go with just following line:
 ```html