@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.blink {
    animation: blink 1s linear infinite;
}

@keyframes blinkBlue {
    0%, 100% { color: blue; opacity: 1; }
    50% { opacity: 0; }
}

.blinkBlue {
    animation: blinkBlue 1s linear infinite;
}

#progressBarContainer {
    width: 200px;
    height: 20px;
    border: 1px solid #ccc;
    overflow: hidden;
  }
  
  #progressBar {
    width: 0%; /* 初期状態は0% */
    height: 20px; /* バーの高さ */
    background-color: green; /* バーの背景色 */
    transition: width 0.5s ease; /* アニメーションを追加 */
  }