3 /* Progress - circle style */
4 @img-height: 64 * @unit_base;
5 @img-width: 64 * @unit_base;
6 @bar-vmargin: 16 * @unit_base;
7 @bar-hmargin: 1 * @unit_base;
9 @-webkit-keyframes ui-rotate-animation {
11 -webkit-transform: rotate(0deg);
13 -webkit-transform: rotate(360deg);
17 .ui-progress-container-circle {
19 right: 16 * @unit_base;
30 background: url(images/00_winset_list_process_01.png) no-repeat;
31 .LESSbackground-size(@img-width, @img-height);
33 .ui-progress-circle-running {
34 -webkit-animation: ui-rotate-animation 1s infinite linear;
37 /* Progress - pending style */
38 @bar-height: 16 * @unit_base;
39 @bar-margin: 16 * @unit_base;
40 @color_progress_bar1: rgb(0, 140, 210);
42 @-webkit-keyframes ui-move-animation {
44 -webkit-transform: translateY(-@bar-height * 2);
46 -webkit-transform: translateY(0);
50 .ui-progress-container-pending {
52 margin-left: @bar-margin;
53 margin-right: @bar-margin;
58 .ui-progress-pending {
62 height: @bar-height * 3;
66 background: -webkit-linear-gradient(-45deg,
69 @color_progress_bar1 25%,
70 @color_progress_bar1 50%,
73 @color_progress_bar1 75%);
75 background: -webkit-gradient(linear,
78 color-stop(0%, rgba(0,0,0,0)),
79 color-stop(25%, rgba(0,0,0,0)),
80 color-stop(25%, @color_progress_bar1),
81 color-stop(50%, @color_progress_bar1),
82 color-stop(50%, rgba(0,0,0,0)),
83 color-stop(75%, rgba(0,0,0,0)),
84 color-stop(75%, @color_progress_bar1));
86 background-color: @color_progress_bar0;
88 .LESSbackground-size(@bar-height * 2, @bar-height * 2);
90 .ui-progress-pending-running {
91 -webkit-animation: ui-move-animation 0.5s infinite linear;