docs/resources/themes/stylesheets/ext4/default/widgets/_progress.scss

   1 @mixin extjs-progress {
   2     .#{$prefix}progress {
   3         border: $progress-border-width solid $progress-border-color;
   4         @include border-radius($progress-border-radius);
   5
   6         overflow: hidden;
   7
   8         height: $progress-height;
   9     }
  10
  11     .#{$prefix}progress-bar {
  12         height: $progress-height - ($progress-border-width * 2);
  13
  14         overflow: hidden;
  15         position: absolute;
  16
  17         width: 0;
  18
  19         @include border-radius($progress-border-radius);
  20         border-right: 1px solid;
  21         border-right-color: $progress-border-color;
  22         border-top: 1px solid lighten($progress-bar-color, 5);
  23
  24         @if $supports-gradients or $compile-all {
  25             @include background-gradient($progress-bar-color, glossy);
  26         }
  27
  28         .#{$prefix}progress-text {
  29
  30         }
  31     }
  32
  33     .#{$prefix}progress-text {
  34         overflow: hidden;
  35
  36         position: absolute;
  37
  38         padding: 0 5px;
  39
  40         height: $progress-height - ($progress-border-width * 2);
  41
  42         color: $progress-text-color-front;
  43         font-weight: $progress-text-font-weight;
  44         font-size: $progress-text-font-size;
  45         line-height: 16px;
  46         text-align: $progress-text-text-align;
  47     }
  48
  49     .#{$prefix}progress-text-back {
  50         padding-top: 1px;
  51         color: $progress-text-color-back;
  52     }
  53
  54     @if not $supports-gradients or $compile-all {
  55         .#{$prefix}nlg {
  56             .#{$prefix}progress-bar {
  57                 background: theme-image($theme-name, 'progress/progress-bg.gif') repeat-x;
  58             }
  59         }
  60     }
  61
  62     @if $include-ie or $compile-all {
  63         .#{$prefix}strict .#{$prefix}progress  {
  64             height: $progress-height - ($progress-border-width * 2);
  65         }
  66     }
  67 }