Как создать анимированый круглый прогресс-бар не прибегая к плагинам?

Question

[Bowen]

Добрый день!

Есть вот такая конструкция Но хотелось бы сделать так Как можно такое сделать не прибегая к плагинам и к другим библиотекам ?

Буду признателен за советы - помощь!

Answer 1

[Денис Инешин]

jQuery это библиотека для работы с DOM, коллекциями элементов, событиями и пр. В общем, всем тем что облегчает повседневную разработку. Но jQuery не предназначен для создания подобных штук, совершенно.

Так что нет ничего страшного, если вы воспользуетесь специализированными под это библиотеками, вроде: D3.js, Paper.js, Tweenmax и пр.

Либо можно вообще пойти по пути наименьшего сопротивления и взять прелоадер отсюда: preloaders.net

Answer 2

[Andrew]

jsfiddle.net/andsens/mLA7X

Comments

[Bowen]

Этот пример я уже видел, он мне не подходит ).
Хотелось бы на jQuery.

Answer 3

[Stalker_RED]

jsfiddle.net/mLA7X/4020
html+css, без плагинов. только data-progress устанавливайте какой вам нужен.
хоть через jquery, хоть на чистом js

Answer 4

[Bowen]

Воспользовался советом Денис Инешин. Наткнулся на этот плагин под jQuery progressbar.js