使用div在柔性箱中放置到底部

Question

我试图将带有进度条的div放在我的flexbox底部，但是我在stackoverflow上找到的所有东西都不起作用或者没有应用，因为它需要...

尝试绝对到底，自动保证金，灵活增长，并且没有一个人一直在解决这个问题！

  <div class="row statut-plan-action">
    <div class="col" *ngFor="let statut of details.statuts">
      <div>{{statut.descriptionCourte}}</div>
      <div class="fill-space">
        <app-etape-plan-action-statut [etape]="obtenirEtape(statut.code)" [descriptionStatut]="statut.descriptionCourte"></app-etape-plan-action-statut>
      </div>


      <ngb-progressbar class="progression" type="success" [value]="obtenirPourcentageCompletion()"></ngb-progressbar>
    </div>
  </div>

所以我试图将ngb-progressbar放到我的div的底部，但我没有成功。我试过把它放在一个div中，它也没有工作

这是我在css中做过的最后一次尝试

.statut-plan-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.col {
  padding-left: 0;
  padding-right: 0;
}

.fill-space {
  flex-grow: 1;
}

.progression {
  margin-top: auto;
}

*编辑*

问题的图像