https://github.com/markshust/percentage-circle
https://github.com/markshust/percentage-circle
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/markshust/percentage-circle
- Owner: markshust
- Created: 2015-10-26T20:15:21.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2015-10-26T20:15:45.000Z (over 9 years ago)
- Last Synced: 2024-12-27T06:26:35.627Z (6 months ago)
- Language: CSS
- Size: 105 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Percentage Circle
This css file is a variation of https://github.com/toubou91/percircle.
I needed a very simple file with little fluff and pre-defined configuration. This CSS file varies from `percircle` in the fact that animations and vendor-prefixes have been removed. It also assumes no pre-defined width, height or color, so it is up to you to define those parameters.
Here is a JSFiddle example of circle with a 100px diameter, blue in color, with black progress bar.
```
.c100 {
font-size: 100px;
}
.c100:after {
background: blue;
}
.c100 .bar,
.c100 .fill {
border-color: black;
}
```