Я сделала крутящуюся загрузку только использовала для этого четыре фрейма. Круг разрезала на две части и добавила обе части в первый и второй фрейм когда активируется переход между первым и вторым фреймом, два круга начинают поворачиваться на 180 градусов, закончив анимацию начинается анимация между 2-ым и 3 фреймом в этом случае начинает работать только одна половинка круга.
Вот скриншот так же здесь указаны настройки которые я использовала. Для того чтобы заранее не было видно часть круга пришлось в первом фрейме спрятать его за квадрат.
У меня проблема когда начинает анимация между 2 и 3 фреймом половинка круга почему, то начинает крутиться в совершенно обратном направлении. Как это можно исправить, чтобы загрузка завершилась до конца, т.е. стопроцентный заполненный круг?
Вот пример:
figma 
Простой
