Menu
Coddy logo textTech

Finaliser le HTML

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

Ici, nous allons terminer notre partie HTML.

Visualisation des classes :

challenge icon

Défi

Facile

À l'intérieur de la classe container :

  1. Créez une div avec le nom de classe circular-progress
  2. À l'intérieur de circular-progress, créez une balise span avec le nom de classe progress-value et ajoutez le texte 0%
  3. Sous circular-progress, créez une balise span avec le nom de classe text et ajoutez le texte de votre choix.

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