Сделайте некоторый переход градиента бесконечно в индикатор выполнения, как в Windows 7

Интересно, возможно ли сделать перемещение градиента внутри div слева направо бесконечно, используя только функции CSS3? Нет необходимости поддерживать все браузеры, я просто хочу экспериментировать. Например, это блестящий эффект поверх синего индикатора выполнения. Приведен пример.

enter image description here

Ответы

Ответ 1

Используя этот CSS, вы можете бесконечно перемещаться по градиенту (на основе ссылки http://jsfiddle.net/jhogervorst/X78qN/2/

Это работает только в браузерах на основе WebKit (например, Safari и Chrome). Чтобы он работал и в других браузерах, см. ссылка Michael и скопируйте еще несколько CSS.

Изменить: Я должен был сделать это совершенным. См. Новую демонстрацию для почти идеального окна выполнения Windows в CSS3:)