feature 2616: animate progress bar

git-svn-id: http://piwigo.org/svn/trunk@29405 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 15 insertions, 0 deletions

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 203daa9f0..a73ca2533 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -373,9 +373,24 @@ table.dataTable thead th {
   border:1px solid #aaa;
   border-radius:5px;
 }
+
+@keyframes animatedBackground {
+	from { background-position: 0 0; }
+	to { background-position: 25px 0; }
+}
+
+@-webkit-keyframes animatedBackground {
+	from { background-position: 0 0; }
+	to { background-position: 25px 0; }
+}
+
 .big-progressbar .progressbar {
   background:#FF8A23;
   background:#FF8A23 linear-gradient(135deg, rgba(255,51,51,0) 44%,rgba(255,51,51,0.2) 44%,rgba(255,51,51,0.2) 57%,rgba(255,51,51,0) 57%);
   background-size:25px 25px;
   box-shadow:inset 0px 1px 3px 0px rgba(255,255,255,0.4);
+
+  animation: animatedBackground 1s linear infinite;
+  -webkit-animation: animatedBackground 1s linear infinite;
 }
+