How to make a countdown timer in the form of a circle?

U

uRoot2021-02-17 14:30:50

css

uRoot, 2021-02-17 14:30:50

Tell me how to do the same, only in pure JS / CSS, or maybe someone found something similar?

snippet

In this example, the jQ library is used, and I have React. Please note that there is text below the bottom. Many pure CSS implementations use padding and double animation that overlaps the text underneath.

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

A

Alexander, 2021-02-17
@uroot

Option 1 - click to run.
Progress on CSS, update on JS.
snippet
Option 2 - click to run.
Everything is in JS.
snippet
In React, I hope you wrap it yourself.