两端是圆角的进度条

 

.progress-bar-container {

  background-color: gray;
  height: 10px;
  width: 120px;
  border-radius: 5px;
  overflow: hidden;

  .progress-bar {
    height: 10px;
    background-color: green;
  }
}

 

<div class="progress-bar-container">
  <div [style.width]="goalAndAccount.savingPercentage" class="progress-bar"></div>
</div>