5 <style type="text/css" media="screen">
6 .app-startup #app-loading {
12 .app-startup #app-loading-progress {
20 background: url(busy-indicator-no.png) no-repeat center center;
23 .progress-indicator > div {
25 background: url(busy-indicator.png) no-repeat;
29 -webkit-animation-duration: 2.4s;
31 .progress-indicator.visible .progress-indicator0 {
33 -webkit-animation-delay: 0.4s;
35 .progress-indicator.visible .progress-indicator1 {
37 -webkit-animation-delay: 0.8s;
39 .progress-indicator.visible .progress-indicator2 {
41 -webkit-animation-delay: 1.2s;
43 .progress-indicator.visible .progress-indicator3 {
45 -webkit-animation-delay: 1.6s;
47 .progress-indicator.visible .progress-indicator4 {
49 -webkit-animation-delay: 2s;
51 .progress-indicator.visible { display: block; }
52 .progress-indicator.visible > div { -webkit-animation-play-state: running; }
54 @-webkit-keyframes spinner {
56 -webkit-transform: scale(0.7);
60 -webkit-transform: scale(1);
64 -webkit-transform: scale(0.7);
68 -webkit-transform: scale(0.7);
72 -webkit-transform: scale(0.7);
76 .progress-indicator.visible > div {
77 -webkit-animation-name: spinner;
80 <script type="text/javascript" charset="utf-8">
83 if (window.testRunner)
84 testRunner.notifyDone();
89 if (window.testRunner)
90 testRunner.waitUntilDone();
92 document.getElementById('app-loading-progress').addEventListener(
93 'webkitAnimationEnd', testEnded, false);
96 window.addEventListener('load', startTest, false);
99 <body class="app-startup">
100 <div id="app-loading">
101 <div id="app-loading-progress" class="progress-indicator visible">
102 <div class="progress-indicator0"></div>
103 <div class="progress-indicator1"></div>
104 <div class="progress-indicator2"></div>
105 <div class="progress-indicator3"></div>
106 <div class="progress-indicator4"></div>