Menu
Coddy logo textTech

Finalizar HTML

Lección 3 de 11 del curso Barra de progreso circular | Proyecto Front-end de Coddy.

Aquí completaremos nuestra parte de HTML.

Visualización de clases:

challenge icon

Desafío

Fácil

Dentro de la clase container:

  1. Crea un div con el nombre de clase circular-progress
  2. Dentro de circular-progress, crea una etiqueta span con el nombre de clase progress-value y añade el texto 0%
  3. Debajo de circular-progress, crea una etiqueta span con el nombre de clase text y añade el texto de tu elección.

Pruébalo tú mismo

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

Todas las lecciones de Barra de progreso circular | Proyecto Front-end