Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon

Okrągły wskaźnik postępu ::before

Lekcja 8 z 11 w kursie Okrągły pasek postępu | Projekt front-end w Coddy.

Teraz musimy napisać CSS dla:

.circular-progress::before{
    /*Write below*/

}

Jeśli utkniesz, po prostu sprawdź podpowiedź.

challenge icon

Wyzwanie

Łatwy
  1. Ustaw content na “”
  2. Ustaw position na absolute
  3. Ustaw wysokość i szerokość na 190 pikseli.
  4. Ustaw border radius na 50%.
  5. Ustaw kolor tła tak, aby był podobny do koloru klasy circular-progress.

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Okrągły pasek postępu | Projekt front-end

1Wprowadzenie

Co zamierzasz stworzyć?

4JavaScript

Niech działa!Lekcja projektowa

2HTML

KonfiguracjaDokończ HTMLLekcja projektowa

3CSS

Selektor uniwersalnyLekcja projektowaSelektor bodyLekcja projektowaKlasa konteneraLekcja projektowaKlasa okrągłego wskaźnika postępuLekcja projektowaOkrągły wskaźnik postępu ::beforeLekcja projektowaKlasa wartości postępuLekcja projektowaKlasa tekstuLekcja projektowa

Poćwicz samodzielnie: Edytor online Web