Псевдоэлемент ::before для кругового индикатора
Урок 8 из 11 курса Круговой прогресс-бар | Front-end проект на Coddy.
Теперь нам нужно написать CSS для:
.circular-progress::before{
/*Пишите ниже*/
}Если вы застряли, просто посмотрите подсказку.
Задание
Легко- Установите content в
“” - Установите position в absolute
- Установите height и width в 190 пикселей.
- Установите border-radius в 50%.
- Установите background-color аналогичным цвету класса
circular-progress.
Попробуйте сами
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Все уроки раздела Круговой прогресс-бар | Front-end проект
1Введение
Что вы создадите?4JavaScript
Заставь это работать!
3CSS
Универсальный селекторСелектор bodyКласс контейнераКласс кругового индикатораПсевдоэлемент ::before для кругового индикатораКласс значения прогрессаКласс текста