Menu
Coddy logo textTech

Finalizar HTML

Lição 3 de 11 do curso Barra de Progresso Circular | Projeto Front-end da Coddy.

Aqui completaremos nossa parte de HTML.

Visualização das classes:

challenge icon

Desafio

Fácil

Dentro da classe container:

  1. Crie uma div com o nome da classe circular-progress
  2. Dentro de circular-progress, crie uma tag span com o nome da classe progress-value e adicione o texto 0%
  3. Abaixo de circular-progress, crie uma tag span com o nome da classe text e adicione um texto de sua escolha.

Experimente você mesmo

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

Todas as lições de Barra de Progresso Circular | Projeto Front-end