Как сделать схожую анимацию?

Question

[Albert]

Здраствуйте дорогие коллеги. Вопрос, подскажите пожалуйста, как сделать схожую анимацию с этого сайта в десктопной версии , возможно есть готовые библиотеки? Спасибо!

Answer 1

[Евгений]

inorganik.github.io/countUp.js

Comments

[Albert]

Спасибо большое. Так же сможете подсказать как мне правильно эту библеотеку подцепить на мой код вот сама структура

<div class="gg">
			<div class="container" >
				<div class="row">
					<div class="col-md-3 rr">
						<div class="krug">
							58%
							
						</div>
						
						<div>
							<div class="shrift">
								ОТКЛИК ПЕДАЛИ
							</div>
							<div>
								становится быстрее
							</div>
                            
						</div>
						
					</div>
					
					
					<div class="col-md-3 rr">
					<div class="krug">
							58%
							
						</div>
						
						<div>
							<div class="shrift">
								ОТКЛИК ПЕДАЛИ
							</div>
							<div>
								становится быстрее
							</div>
					</div>
					</div>
					
					
					<div class="col-md-3 rr">
						<div class="krug">
							58%
							
						</div>
						
						<div>
							<div class="shrift">
								ОТКЛИК ПЕДАЛИ
							</div>
							<div>
								становится быстрее
							</div>
					</div>
					</div>
						
						
					<div class="col-md-3 rr">
						<div class="krug">
							58%
							
						</div>
						
						<div>
							<div class="shrift">
								ОТКЛИК ПЕДАЛИ
							</div>
							<div>
								становится быстрее
							</div>
					</div>
				</div>
				
					
			</div>

Answer 2

[Александр Борисович]

Я бы брал svg. Это элементарная задача. Путь нарисуете, а анимировать - всего лишь передавать новые апроценты. вот и все.

Comments

[Albert]

на основе моего кода можно без svg?






58%





ОТКЛИК ПЕДАЛИ


становится быстрее









58%





ОТКЛИК ПЕДАЛИ


становится быстрее







58%





ОТКЛИК ПЕДАЛИ


становится быстрее







58%





ОТКЛИК ПЕДАЛИ


становится быстрее

[Александр Борисович]

lyaba_chelyaba, без svg только canvas.
Может быть что-то из подобного можно соорудить
https://cdpn.io/danwilson/debug/EvNGvj