Circular Progress ::before

Coddy'nin Dairesel İlerleme Çubuğu | Front-end Projesi kursunda ders 8 / 11.

Şimdi şunun için CSS yazmamız gerekiyor:

.circular-progress::before{
    /*Aşağıya yazın*/

}

Eğer takılırsanız, ipucuna göz atmanız yeterlidir.

Görev

Kolay

İçeriği “” olarak ayarlayın
position özelliğini absolute olarak ayarlayın
Yükseklik ve genişliği 190 piksel olarak ayarlayın.
border radius özelliğini %50 olarak ayarlayın.
Arka plan rengini circular-progress. sınıfınınkine benzer olacak şekilde ayarlayın.

Kendin dene

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