Skip to content

Commit 8cc8a32

Browse files
committed
Progressbar: Change indeterminate Progressbar to use CSS animations where supported and just a static image when not
1 parent cfd1a86 commit 8cc8a32

File tree

3 files changed

+24
-1
lines changed

3 files changed

+24
-1
lines changed

themes/base/images/pbar-ani.gif

-7.78 KB
Binary file not shown.
Loading

themes/base/jquery.ui.progressbar.css

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,4 +10,27 @@
1010
*/
1111
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
1212
.ui-progressbar .ui-progressbar-value { margin: -1px; height:100%; }
13-
.ui-progressbar .ui-progressbar-indeterminate { background: url("images/pbar-ani.gif"); }
13+
@-webkit-keyframes bg-anim {
14+
from { background-position: 0 0 }
15+
to { background-position: 40px 0 }
16+
}
17+
@-moz-keyframes bg-anim {
18+
from { background-position: 0 0 }
19+
to { background-position: 40px 0 }
20+
}
21+
@-ms-keyframes bg-anim {
22+
from { background-position: 0 0 }
23+
to { background-position: 40px 0 }
24+
}
25+
@keyframes bg-anim {
26+
from { background-position: 0 0 }
27+
to { background-position: 40px 0 }
28+
}
29+
30+
.ui-progressbar .ui-progressbar-indeterminate {
31+
background: url("images/ui-bg_diagonals-thick_20_666666_40x40.png");
32+
-webkit-animation: bg-anim 1s linear infinite;
33+
-moz-animation: bg-anim 1s linear infinite;
34+
-ms-animation: bg-anim 1s linear infinite;
35+
animation: bg-anim 1s linear infinite;
36+
}

0 commit comments

Comments
 (0)