# circle-percent # circle-percent [](https://www.webcomponents.org/element/manufosela/circle-percent) Lit-Element web component configurable to show a circle percent and title. ## Demo [circle-percent codepen demo](https://codepen.io/manufosela/pen/qwKqjg?editors=1010#0) ```

Basic circle-percent demo default

Circle-percent demo 2

Circle-percent demo 3

``` ```html

Basic circle-percent demo default

Circle-percent demo 2

Circle-percent demo 3

``` ## CSS Variables --inf-font-size --inf-font-family ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally. ## Viewing Your Element ``` $ polymer serve ``` ## Running Tests ``` $ polymer test ``` ## Build ``` $ npm run build ``` Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally. ## Author * **Mánu Fosela** - *Javascript Composer* - [manufosela](https://github.com/manufosela) ## License This project is licensed under Apaceh 2.0 License - see the [LICENSE](LICENSE) file for details