src/widgets/progressbar/css/progressbar.css

   1 @import "config.less";
   2
   3 @bar-height: 16px;
   4 @bar-margin: 16px;
   5
   6 @-webkit-keyframes ui-scale-animation {
   7         from {
   8                 -webkit-transform: scaleX(0);
   9         } to {
  10                 -webkit-transform: scaleX(1);
  11         }
  12 }
  13
  14 .ui-progressbar-value {
  15         background-image: url(images/00_winset_list_progress_bar.png);
  16         height: 100%;
  17 }
  18
  19 .ui-progressbar {
  20         position: relative;
  21         background-image: url(images/00_winset_list_progress_bg.png);
  22         margin-left: @bar-margin;
  23         margin-right: @bar-margin;
  24         height: @bar-height;
  25 }
  26
  27 .ui-progress-bg {
  28         position: relative;
  29         top: 0;
  30         background-image: url(images/00_winset_list_progress_bg.png);
  31         width: 100%;
  32         height: @bar-height;
  33 }
  34
  35 .ui-progress-bar {
  36         position: relative;
  37         top: -@bar-height;
  38         width: 100%;
  39         height: @bar-height;
  40
  41         background-image: url(images/00_winset_list_progress_bar.png);
  42
  43         -webkit-animation: ui-scale-animation 5s infinite linear;
  44         -webkit-transform-origin: 0% 0%;
  45 }