twobomb, вот, нашел другой пример прогрессбара в сети и изменил его немного.
То есть нужно, чтобы анимация была такая как на данном примере.
Но проблема в том, что сейчас все завязано на setTimeout, может быть можно реализовать такую же анимацию, но чтобы без setTimeout? https://codepen.io/catcliff/pen/MWYBygO?editors=1010
Karpion, вот, нашел другой пример прогрессбара в сети и изменил его немного.
То есть нужно, чтобы анимация была такая как на данном примере.
Но проблема в том, что сейчас все завязано на setTimeout, может быть можно реализовать такую же анимацию, но чтобы без setTimeout? https://codepen.io/catcliff/pen/MWYBygO?editors=1010
ну я предполагал, что после первого оборота нужно сначала сбросить плавность и после обнулить значения, тем самым новый оборот как бы повториться сначала (естественно плавность в этот момент нужно вернуть обратно)
Сложность у меня в том, что дальше анимаии этого полного оборота я продвинуться не могу.
То есть я не могу сделать например чтобы такой полный оборот произошел два раза подряд или полтора раза...
twobomb, сейчас анимация выглядит так.
Изначально круг черный (правильно)
Потом круг моментально становится желтым цветом (без анимации) и после происходит анимация заполнения черного цвета поверх желтого, а это не совсем верно - ведь анимация должна быть желтого цвета поверх черного.
P.S. а вот полуоборот, который идет за первым полным оборотом у вас выполнен правильно
twobomb, как происходит оборот? - желтое "кольцо" по часовой стрелке перекрывает черное, но сейчас
первый оборот происходит корректно, а второй оборот происходит так: черное кольцо перекрывает желтое - это не правильно ведь второй оборот должен быть визуально таким же как и первый- то часовой стрелке желтое "кольцо" перекрывает черное. Не понять?)
twobomb, в том и дело, что ничего в голову не лезет, уже несколько часов сижу и пытаюсь подобрать разные варианты, но все безрезультатно. Предложенный вариант, кстати, тоже не работает.
Как я понимаю проблема в settimeout, но если его убрать то анимация не успеет отработать....
twobomb, здесь возникает проблема в том, что при первом обороте все нормально, то есть желтая полоса прогрессбара заполняет черный круг, но вот второй оборот уже косячный, потому что здесь наоборот как бы черный фон запоняет желтый круг. А по идее нужно чтобы на втором круге также желтый фон заполнял черный =(
Что, даже не сможете запушить коммит и сказать разницу между пушем и пуллом
вот только это и смогу наверное)
По аяксу, приходилось пользоваться, но через jquery, без нее только один раз пробовал и то для понимания больше как оно без джейквери, по памяти не вспомню
