Mini Shell

  'use strict';
  $(document).ready(function() {
      $(".task-right-header-action").on('click', function() {
          $(".task-right-content-action").slideToggle();
      });

      $(".task-right-header-status").on('click', function() {
          $(".taskboard-right-progress").slideToggle();
      });

      $(".task-right-header-users").on('click', function() {
          $(".taskboard-right-users").slideToggle();
      });

      $(".task-right-header-revision").on('click', function() {
          $(".taskboard-right-revision").slideToggle();
      });

      $('.collapse').on('shown.bs.collapse', function() {
          $(this).parent().find(".fa-angle-up").removeClass("fa-angle-up").addClass("fa-angle-down");
      }).on('hidden.bs.collapse', function() {
          $(this).parent().find(".fa-angle-down").removeClass("fa-angle-down").addClass("fa-angle-up");
      });

      var progression1 = 0;
      var progression2 = 0;
      var progression3 = 0;
      var progression4 = 0;
      var progression5 = 0;
      var progress = setInterval(function() {

          $('.progress .faq-text1').text(progression1 + '%');
          $('.progress .faq-text1').css({ 'left': progression1 + '%' });
          $('.progress .faq-text1').css({ 'top': '-20px' });
          $('.progress .faq-bar1').css({ 'width': progression1 + '%' });

          if (progression1 == 70) {
              clearInterval(progress);

          } else
              progression1 += 1;

      }, 100);

      var progress1 = setInterval(function() {
          $('.progress .faq-text2').text(progression2 + '%');
          $('.progress .faq-text2').css({ 'left': progression2 + '%' });
          $('.progress .faq-text2').css({ 'top': '-20px' });
          $('.progress .faq-bar2').css({ 'width': progression2 + '%' });
          if (progression2 == 50) {
              clearInterval(progress1);

          } else
              progression2 += 1;

      }, 100);
      var progress2 = setInterval(function() {
          $('.progress .faq-text3').text(progression3 + '%');
          $('.progress .faq-text3').css({ 'left': progression3 + '%' });
          $('.progress .faq-text3').css({ 'top': '-20px' });
          $('.progress .faq-bar3').css({ 'width': progression3 + '%' });
          if (progression3 == 80) {
              clearInterval(progress2);

          } else
              progression3 += 1;

      }, 100);
      var progress3 = setInterval(function() {
          $('.progress .faq-text4').text(progression4 + '%');
          $('.progress .faq-text4').css({ 'left': progression4 + '%' });
          $('.progress .faq-text4').css({ 'top': '-20px' });
          $('.progress .faq-bar4').css({ 'width': progression4 + '%' });
          if (progression4 == 60) {
              clearInterval(progress3);

          } else
              progression4 += 1;

      }, 100);
  });