3 /* Progress - circle style */
4 @img-height: 32 * @unit_base;
5 @img-width: 32 * @unit_base;
7 @-webkit-keyframes ui-rotate-animation {
9 -webkit-transform: rotate(0deg);
11 -webkit-transform: rotate(360deg);
15 .ui-progress-container-circle {
19 .ui-li .ui-progress-container-circle {
30 background: url(images/00_list_process_01.png) no-repeat;
31 .LESSbackground-size(@img-width, @img-height);
34 .ui-progress-circle-running {
35 -webkit-animation: ui-rotate-animation 1s infinite linear;
38 /* Progress - pending style */
39 @bar-height: 7 * @unit_base;
40 @bar-margin: 21 * @unit_base;
42 @-webkit-keyframes ui-move-animation {
44 -webkit-transform: translateY(-@bar-height * 2);
46 -webkit-transform: translateY(0);
50 .ui-progress-pending {
54 height: @bar-height * 3;
58 background: -webkit-gradient(linear,
61 color-stop(0%, rgba(0,0,0,0)),
62 color-stop(25%, rgba(0,0,0,0)),
63 color-stop(25%, @color_progress_value0),
64 color-stop(50%, @color_progress_value0),
65 color-stop(50%, rgba(0,0,0,0)),
66 color-stop(75%, rgba(0,0,0,0)),
67 color-stop(75%, @color_progress_value0));
69 background-color: @color_progress_bar0;
71 .LESSbackground-size(@bar-height * 2, @bar-height * 2);
74 .ui-progress-pending-running {
75 -webkit-animation: ui-move-animation 0.5s infinite linear;