Lớp giá trị tiến trình
Bài học 9 trên 11 trong khóa học Thanh tiến trình hình tròn | Dự án front-end của Coddy.
Thử thách
DễLớp mục tiêu progress-value:
- Đặt position thành relative
- Đặt cỡ chữ thành 40px và độ đậm của chữ thành 600.
- Chọn màu chữ bất kỳ, ngoại trừ màu đen (
colorproperty).
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML tại đây -->
<script src="script.js"></script>
</body>
</html>Tất cả bài học trong Thanh tiến trình hình tròn | Dự án front-end
1Giới thiệu
Bạn sẽ tạo ra gì?4JavaScript
Làm cho nó chạy!
3CSS
Bộ chọn toàn cụcBodyLớp containerLớp circular progressCircular progress ::beforeLớp giá trị tiến trìnhLớp văn bảnTự luyện tập: Playground Web