3 /* Progress - circle style */
9 @-webkit-keyframes ui-rotate-animation {
11 -webkit-transform: rotate(0deg);
13 -webkit-transform: rotate(360deg);
17 .ui-progress-container-circle-bg {
19 margin-top: @bar-hmargin;
20 margin-bottom: @bar-hmargin;
25 .ui-progress-container-circle {
27 margin-left: @bar-vmargin;
28 margin-right: @bar-vmargin;
32 vertical-align: middle;
39 /* FIXME: image is unbalanced - expanded it forced */
40 height: @img-height + 1;
41 width: @img-width + 1;
43 background: url(images/process/00_winset_list_process_01.png) no-repeat;
45 .ui-progress-circle-running {
46 -webkit-animation: ui-rotate-animation 1.5s infinite linear;
49 /* Progress - pending style */
52 @bar-color0: rgb(55, 55, 55);
53 @bar-color1: rgb(0, 140, 210);
55 @-webkit-keyframes ui-move-animation {
57 -webkit-transform: translateY(-@bar-height * 2);
59 -webkit-transform: translateY(0);
63 .ui-progress-container-pending {
65 margin-left: @bar-margin;
66 margin-right: @bar-margin;
71 .ui-progress-pending {
75 height: @bar-height * 3;
79 background: -webkit-linear-gradient(-45deg,
88 background: -webkit-gradient(linear,
91 color-stop(0%, rgba(0,0,0,0)),
92 color-stop(25%, rgba(0,0,0,0)),
93 color-stop(25%, @bar-color1),
94 color-stop(50%, @bar-color1),
95 color-stop(50%, rgba(0,0,0,0)),
96 color-stop(75%, rgba(0,0,0,0)),
97 color-stop(75%, @bar-color1));
99 background-color: @bar-color0;
101 -webkit-background-size: @bar-height * 2 @bar-height * 2;
103 .ui-progress-pending-running {
104 -webkit-animation: ui-move-animation 0.5s infinite linear;