Анимация ожидания ответа ajax запроса

Такую анимацию в 99% делают на GIF. Здесь тоже не проблема

http://fortawesome.github.io/Font-Awesome/examples/

Раздел "Animated Icons".

Dinozavr, на gif - не известно сколько кадров будет, и сложновато прийдется

Sanu0074, всмысле сколько кадров?) ты собрался длину гифки определять временем загрузки чтоли?)) одна гифка зацикленная в пару кадров которая делает полный круг. и все. добавляешь к элементу класс до загрузки и после. если класс есть - значит через ксс включаем гифку - если аякс загрузился и поменял класс - выводим данные)

прежде чем писать, посмотри внимательно и поймеш, на каждом обороте у кольца разное поведение

если бы так просто было все - я бы не создавал этот топик

на видео гифка зациклена просто 4 раза, точнее 1 цикл - это 4 оборота кольца (сначала разрыв внизу, потом слева, далее сверху и последняя - разрыв справа и снова снизу)

Нет, конечно, можно усложнить, только зачем. Самое сложное здесь – не ограничиваться парой кадров.

2 ТС.

вам правильно предлагаю юзать для этого animated gif

Вам-же не надо этой тырколкой процент загрузки показывать. Ну крутится она и крутится. как ее нарисовали.

Если Вас не устраивает прозрачность Гифа, можете использовать apng, но его не всякий браузер поддерживает

апд.

еще обратите внимание на svg анимацию http://css-live.ru/articles/rukovodstvo-po-svg-animaciyam-smil.html - вот тут есть неплохой тутор.

внизу достаточно интересный вариант анимации (правда тоже не везде работать будет)