#chart-container {
    position: relative;
    overflow: hidden; /* Added overflow hidden */
  }

  .progress1-bar {
    position: absolute;
    width: 100px;
    height: 10px;
    background-color: #ccc;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0; /* Set initial opacity to 0 */
    transform: translateY(20px); /* Move initially below the view */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  }

  .progress-fill {
    height: 100%;
    width: 0;
    background-color: #4CAF50;
    transition: width 1s ease-in-out;
  }