よろしくお願いします。
美しく回転する CSS プログレス バーと、transitionEndModenizer のものと同様に正規化する JS 関数があります。
私の問題は、webkitTransitionEndイベントが発生していないように見えることです。私はこれらすべてに慣れていないので、私がやっていることのデモをアップロードしました:
デモでは WebKit プレフィックスのみを使用しています。申し訳ありませんが、Chrome または Safari などで確認する必要があります。この Webkit バージョンが動作するようになったら、残りを追加します。
アニメーションを無限にループするように設定していたので、アニメーションが終了することwebkitTransitionEndはありませんでした。
さらに、私が本当に必要としていたのはwebkitAnimationEnd代わりでした。
アニメーションを無期限にループさせたい場合は、DOM の要素からアニメーション クラスを削除し、atimeoutを 0 に設定してからクラスを再度追加するか (これは理想的ではありません) 、要素を削除することをお勧めします。アニメーションが完了したときに DOM から取得し、すぐに再追加します。
更新されたコードは次のとおりです: http://jsfiddle.net/jonathonoates/fktqE/2/