<commit_before>
  /**
   *  Progress element styles
   *
   *  It needs:
   *  - Height of the progress "bar".
   *  - Border radius of the element.
   *  - If it needs a white gradient over it.
   *  - If bars needs a min width.
   *  
   */

  @import "compass/css3/border-radius";
  @import "compass/css3/images";
  @import "../common/mixins";


  @mixin progress-bar($h, $r, $grad, $min) {

    div.progress-bar {
      position:relative;
      display:block;
      width:100%;
      height: $h;
      @include border-radius($r);
      background: #F5F5F5;
      overflow:hidden;
      box-shadow: inset 0 1px 0 0 rgba(black, .1);

      .bar-3,
      .bar-2,
      .bar-1,
      .bar-0 {
        position:absolute;
        top:0;
        bottom:0;
        @if $min {
          min-width:$min;
        }
        @include border-radius($r);

        @if $grad {}
      }

      // Blue dark
      .bar-3 {
        background: #7DD4FF;
        z-index:3;
      }

      // Blue light
      .bar-2 {
        background: #0090D7;
        z-index:2;
      }

      // Grey light
      .bar-1 {
        background:#E5E5E5;
        z-index:1;
        &:after { display:none }
        &:before {
          position:absolute;
          content: '';
          @include position(0,0,0,auto);
          border-right:1px solid white;
        }
      }

      // image pattern
      .bar-0 {
        @include background(image-url("layout/unassigned_bkg.png") repeat-x left 0);
        z-index:0;
        &:after { display:none }
      }

      // Danger and caution background
      .danger { background: #c74b43 }
      .caution { background: #F8B85C }
    }
  }

  // Animated bar
  @mixin progress-animated-bar($h, $r, $grad, $min) {

    @include progress-bar($h, $r, $grad, $min);

    $animatedSize: $h*2;

    div.progress-bar .bar-2 {
      @include css3-prefix('background-size', $animatedSize $animatedSize);
      background-color: #5DA1D6;
      background-image: -webkit-linear-gradient( -45deg, rgba(85, 128, 197, 1) 25%, transparent 25%, transparent 50%, rgba(85, 128, 197, 1) 50%, rgba(85, 128, 197, 1) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient( -45deg, rgba(85, 128, 197, 1) 25%, transparent 25%, transparent 50%, rgba(85, 128, 197, 1) 50%, rgba(85, 128, 197, 1) 75%, transparent 75%, transparent);
      background-image: -ms-linear-gradient( -45deg, rgba(85, 128, 197, 1) 25%, transparent 25%, transparent 50%, rgba(85, 128, 197, 1) 50%, rgba(85, 128, 197, 1) 75%, transparent 75%, transparent);
      background-image: linear-gradient( -45de rgba(85, 128, 197, 1) 25%, transparent 25%, transparent 50%, rgba(85, 128, 197, 1) 50%, rgba(85, 128, 197, 1) 75%, transparent 75%, transparent);
      @include animation(move 1s linear infinite);<commit_msg>Finally animated progress bar<commit_after>
  /**
   *  Progress element styles
   *
   *  It needs:
   *  - Height of the progress "bar".
   *  - Border radius of the element.
   *  - If it needs a white gradient over it.
   *  - If bars needs a min width.
   *  
   */

  @import "compass/css3/border-radius";
  @import "compass/css3/images";
  @import "../common/mixins";


  @mixin progress-bar($h, $r, $grad, $min) {

    div.progress-bar {
      position:relative;
      display:block;
      width:100%;
      height: $h;
      @include border-radius($r);
      background: #F5F5F5;
      overflow:hidden;
      box-shadow: inset 0 1px 0 0 rgba(black, .1);

      .bar-3,
      .bar-2,
      .bar-1,
      .bar-0 {
        position:absolute;
        top:0;
        bottom:0;
        @if $min {
          min-width:$min;
        }
        @include border-radius($r);

        @if $grad {}
      }

      // Blue dark
      .bar-3 {
        background: #7DD4FF;
        z-index:3;
      }

      // Blue light
      .bar-2 {
        background: #0090D7;
        z-index:2;
      }

      // Grey light
      .bar-1 {
        background:#E5E5E5;
        z-index:1;
        &:after { display:none }
        &:before {
          position:absolute;
          content: '';
          @include position(0,0,0,auto);
          border-right:1px solid white;
        }
      }

      // image pattern
      .bar-0 {
        @include background(image-url("layout/unassigned_bkg.png") repeat-x left 0);
        z-index:0;
        &:after { display:none }
      }

      // Danger and caution background
      .danger { background: #c74b43 }
      .caution { background: #F8B85C }
    }
  }

  // Animated bar
  @mixin progress-animated-bar($h, $r, $grad, $min) {

    @include progress-bar($h, $r, $grad, $min);

    $animatedSize: $h*2;

    div.progress-bar span.bar-2 {
      @include css3-prefix('background-size', $animatedSize $animatedSize);
      background-color: #5DA1D6;
      background-image: -webkit-linear-gradient( -45deg, rgba(85, 128, 197, 1) 25%, transparent 25%, transparent 50%, rgba(85, 128, 197, 1) 50%, rgba(85, 128, 197, 1) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient( -45deg, rgba(85, 128, 197, 1) 25%, transparent 25%, transparent 50%, rgba(85, 128, 197, 1) 50%, rgba(85, 128, 197, 1) 75%, transparent 75%, transparent);
      background-image: -ms-linear-gradient( -45deg, rgba(85, 128, 197, 1) 25%, transparent 25%, transparent 50%, rgba(85, 128, 197, 1) 50%, rgba(85, 128, 197, 1) 75%, transparent 75%, transparent);
      background-image: linear-gradient( -45de rgba(85, 128, 197, 1) 25%, transparent 25%, transparent 50%, rgba(85, 128, 197, 1) 50%, rgba(85, 128, 197, 1) 75%, transparent 75%, transparent);
      @include animation(move 1s linear infinite);
{'fraction_non_alphanumeric': 0.15307938768244927, 'fraction_numerical': 0.07831968672125311, 'mean_word_length': 2.149663677130045, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6269365', 'n_tokens_mistral': 2302, 'n_tokens_neox': 1868, 'n_words': 500}