matsen-tool-fe/matsen-tool/src/assets/scss/_sales.scss

.sales-summary-container {

  .sales-summary-bar {
    border-radius: 5px;
    background: #bbb;
    margin: 0 0 0.5rem 0;
    div {
      animation: expand 2.5s ease;
      border-radius: 5px;
      span {
        display: block;
        border-radius: 5px;
        padding: 15px;
        white-space: nowrap;
      }
    }
  }
  .sales-summary-turnover {
    background: rgb(179,208,47);
    background: linear-gradient(109deg, rgba(179,208,47,1) 0%, rgba(64,208,70,1) 36%, rgba(44,181,91,1) 100%);
  }
  .sales-summary-profit {
    background: rgb(45,209,159);
    background: linear-gradient(109deg, rgba(45,209,159,1) 0%, rgba(64,208,203,1) 36%, rgba(44,138,181,1) 100%);
  }
}

@keyframes expand {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}