Circular Progress ::before
Lesson 8 of 11 in Coddy's Circular Progress Bar | Front-end Project course.
Now we have to write CSS for:
.circular-progress::before{
/*Write below*/
}If you feel stuck, simply check the hint.
Challenge
Easy- Set content to
“” - Set position to absolute
- Set the height and width to 190 pixels.
- Set the border radius to 50%.
- Set the background color to be similar to that of the class
circular-progress.
Try it yourself
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>All lessons in Circular Progress Bar | Front-end Project
4JavaScript
Make it work!3CSS
Universal Selector