1

Есть вот такой вот прогресс-бар в виде линии введите сюда описание изображения

<div class="rating__nextlevel__progress">
    <div class="progress-bar">
        <div class="percent-count"></div>
    </div>
</div>

let points = 50
    let target = 100
    const progress = document.querySelector('.progress-bar');
    let percent = document.querySelector('.percent-count');
    let result = (points * 100) / target;
    setTimeout(() => {
        progress.style.opacity = 1;
        progress.style.width = result + '%';
        percent.textContent = Math.round(result) + '%';
    })

Нужно преобразовать его в что-то подобное в виде круга введите сюда описание изображения

Как можно это на чистом сделать? Интересует именно создание из прямой линии окружности с пустым пространством внутри, заполнение линии цветом не надо.

0

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Посмотрите другие вопросы с метками или задайте свой вопрос.