Circular Progress ::before

Pelajaran 8 dari 11 dalam kursus Bilah Kemajuan Melingkar | Proyek Front-end di Coddy.

Sekarang kita harus menulis CSS untuk:

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

}

Jika kamu merasa kesulitan, lihat saja petunjuknya.

Tantangan

Mudah

Atur content menjadi “”
Atur posisi menjadi absolute
Atur tinggi dan lebar menjadi 190 piksel.
Atur border radius menjadi 50%.
Atur warna latar agar mirip dengan warna class circular-progress.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Bilah Kemajuan Melingkar | Proyek Front-end

1Pengantar

Apa yang akan kamu buat?

4JavaScript

Buat agar berfungsi!

2HTML

Siapkan Selesaikan HTML

3CSS

Selektor Universal

Body

Class Container

Class Circular Progress

Circular Progress ::before Pelajaran proyek

Class Progress Value

Class Text

Latihan sendiri: Playground Web