https://github.com/pradeep1991singh/percentify
Pure CSS3 Percentage Circle with icons and custom content support
https://github.com/pradeep1991singh/percentify
percentage-circle percentage-circle-counter percentage-progress-circle pure-css3
Last synced: 8 months ago
JSON representation
Pure CSS3 Percentage Circle with icons and custom content support
- Host: GitHub
- URL: https://github.com/pradeep1991singh/percentify
- Owner: pradeep1991singh
- License: mit
- Created: 2017-07-16T17:23:57.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-08-04T16:01:20.000Z (over 8 years ago)
- Last Synced: 2025-03-01T03:35:45.554Z (8 months ago)
- Topics: percentage-circle, percentage-circle-counter, percentage-progress-circle, pure-css3
- Language: CSS
- Size: 702 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# P e r c e n t i f y
> Pure CSS3 Percentage Circle with icons and custom content support
## Run Examples
#### Download repository
```sh
$ git clone https://github.com/pradeep1991singh/percentify.git
```
#### Run
```sh
$ cd percentify
$ yarn install
$ npm run start
```
## Usage
#### Copy/Paste `dist` folder in your project And then add css file in head tag of html file
```html
```
#### Then add Percentage Circle template
```html
80%
```
#### Percentage Counter Circle Example
```html
0%
Percentage Progress Circle
window.onload = function () {
percentify.percentageCounter({});
};
```
## Demo
[Demo Examples](https://percentify.stackskull.com)