以下是一个使用Angular 9动画来创建一个步进组件的解决方案，其中包含了代码示例：

1. 创建一个新的Angular组件，命名为StepperComponent：

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

@Component({
  selector: 'app-stepper',
  templateUrl: './stepper.component.html',
  styleUrls: ['./stepper.component.css'],
  animations: [
    trigger('stepAnimation', [
      state('current', style({
        transform: 'scale(1.2)',
        backgroundColor: '#ffcc00'
      })),
      state('completed', style({
        transform: 'scale(1)',
        backgroundColor: '#00cc00'
      })),
      transition('current <=> completed', [
        animate('200ms')
      ])
    ])
  ]
})
export class StepperComponent {
  @Input() steps: number;
  currentStep = 1;

  goToStep(step: number) {
    this.currentStep = step;
  }
}

2. 在stepper.component.html模板中添加步进组件的HTML结构和动画绑定：

  

    {{ step }}
  

3. 在stepper.component.css样式文件中定义步进组件的样式：

.stepper {
  display: flex;
  justify-content: space-between;
}

.step {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #cccccc;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: bold;
}

.current {
  transform: scale(1.2);
  background-color: #ffcc00;
}

.completed {
  transform: scale(1);
  background-color: #00cc00;
}

4. 在使用该组件的组件中，引入StepperComponent并传递步数：

这是一个简单的步进组件示例，它会根据当前步骤的状态应用动画效果。您可以根据需要进行修改和扩展。