Menu
Coddy logo textTech

Circular Progress ::before

Leçon 8 sur 11 du cours Barre de progression circulaire | Projet Front-end de Coddy.

Maintenant, nous devons écrire le CSS pour :

.circular-progress::before{
    /*Écrivez ci-dessous*/

}

Si vous vous sentez bloqué, consultez simplement l'indice.

challenge icon

Défi

Facile
  1. Définissez le contenu sur “”
  2. Définissez la position sur absolute
  3. Définissez la hauteur et la largeur sur 190 pixels.
  4. Définissez le rayon de bordure sur 50%.
  5. Définissez la couleur d'arrière-plan pour qu'elle soit similaire à celle de la classe circular-progress.

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Toutes les leçons de Barre de progression circulaire | Projet Front-end