Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .progress-radial {
- float: left;
- margin-right: 30px;
- position: relative;
- width: 140px;
- height: 140px;
- border-radius: 50%;
- border: 2px solid #aa94a8;
- background-color: #5d2f5d
- }
- .progress-radial .overlay {
- position: absolute;
- width: 100px;
- height: 100px;
- background-color: #fff;
- border-radius: 50%;
- margin-left: 20px;
- margin-top: 20px;
- text-align: center;
- line-height: 100px;
- font-size: 32px;
- color: #6c566a
- }
- .progress-0 {
- background-image: linear-gradient(90deg, #aa94a8 50%, transparent 50%, transparent), linear-gradient(90deg, #5d2f5d 50%, #aa94a8 50%, #aa94a8)
- }
- .progress-1 {
- background-image: linear-gradient(90deg, #aa94a8 50%, transparent 50%, transparent), linear-gradient(93.6deg, #5d2f5d 50%, #aa94a8 50%, #aa94a8)
- }
- .progress-2 {
- background-image: linear-gradient(90deg, #aa94a8 50%, transparent 50%, transparent), linear-gradient(97.2deg, #5d2f5d 50%, #aa94a8 50%, #aa94a8)
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement