Menu
Coddy logo textTech

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 icon

Challenge

Easy
  1. Set content to “”
  2. Set position to absolute
  3. Set the height and width to 190 pixels.
  4. Set the border radius to 50%.
  5. 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