Circular Progress ::before

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

Agora temos que escrever o CSS para:

.circular-progress::before{
    /*Escreva abaixo*/

}

Se você se sentir travado, basta verificar a dica.

Desafio

Fácil

Defina o content como “”
Defina a position como absolute
Defina o height e o width para 190 pixels.
Defina o border radius para 50%.
Defina o background color para ser semelhante ao da classe circular-progress.

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

1Introdução

O que você vai criar?

4JavaScript

Faça funcionar!

2HTML

Configuração Finalizar HTML

3CSS

Seletor Universal

Body

Classe Container

Classe Circular Progress

Circular Progress ::before Lição de projeto

Classe Progress Value

Classe Text