vue-circle

CSS Vue Circles and Donuts with fonts awesome icon

This Snippet is a Vue Wrapper of a Donut and Circle CSS code found at Codepen.io adacpte

How to use?

1. Just download or clone and insert in your project.
2. Import Fonts awesome or similar fonts;
3. Import the CSS Vue as "import cssCircle from './v-circle/css-circle'"
4. Create a new Element as:

<cssCircle
  v-bind:percent="95"                 //number
  v-bind:icon="fa fa-html"            //complete icon class  
  v-bind:name="html"                  //Name of the element
  v-bind:color1="#f06529"             //Hex code of the graph
/>    

Demo

You can see this snippet at my personal cv page