Class Circular Progress
Pelajaran 7 dari 11 dalam kursus Bilah Kemajuan Melingkar | Proyek Front-end di Coddy.
Tantangan
SedangTargetkan class circular-progress:
- Posisikan elemen di tengah menggunakan Flex (align-items dan justify-content ke center).
- Atur lebar dan tinggi menjadi 200 piksel.
- Atur border radius menjadi 50%.
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!
3CSS
Selektor UniversalBodyClass ContainerClass Circular ProgressCircular Progress ::beforeClass Progress ValueClass TextLatihan sendiri: Playground Web