#book-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    padding: 0;
    padding-top: 40px;
}

#book-list h2{
    margin: 0;
    color: #3897fd;
}

.process-text{
    color: #3897fd;
    display: flex;
    justify-content: space-between;
}

.book{
    width: 90%;
    background-color: #ffffff;
    padding: 10px;
    margin: 10px 0;
    border-radius: 10px;
}

.process-bar {
    /* 适用于 <progress> 元素自身的样式 */
    width: 100%;
    height: 20px;
    background-color: #b8c6d5; /* 这将是进度条的底色 */
    border-radius: 100px;
    margin-top: 10px;
  
    /* 移除默认的内外边距和边框 */
    border: none;
    padding: 0;
    appearance: none; /* 尝试移除默认样式，对某些浏览器有效 */
  }
  
  /* 针对Webkit浏览器的进度值 */
  .process-bar::-webkit-progress-value {
    background-color: #2b70ef; /* 进度条的颜色 */
    border-radius: 100px; /* 保持和容器相同的圆角 */
  }
  
  /* 针对Webkit浏览器的进度条背景 */
  .process-bar::-webkit-progress-bar {
    background-color: transparent; /* 设置为透明或与.process-bar的背景颜色相同 */
    border-radius: 100px;
  }
  
  /* 针对Firefox的进度值 */
  .process-bar::-moz-progress-bar {
    background-color: #2b70ef; /* 进度条的颜色 */
    border-radius: 100px;
  }