@engie-group/fluid-design-system-angular/src/components/progress/progress.animation.ts

Fluid Design System Angular

import {animate, AnimationTriggerMetadata, state, style, transition, trigger} from '@angular/animations';


export const ProgressAnimation: {
  readonly progressFill: AnimationTriggerMetadata;
} = {
  progressFill: trigger('progressFill', [
    state('void', style({transform: 'scaleX(0)'})),
    state('*', style({transform: 'scaleX(1)'})),
    transition(':enter',
      animate('{{duration}}ms cubic-bezier(0.0, 0.0, 0.2, 1)'),
      {params: {duration: 500}})
  ])
};