/* Progress Bar
   Horizontal bar for book series reading progress
   Used on: series-card, book-overview, book-chapter */

.progress-bar {
  width: 100%;
  height: 4px;
  background: var(--hairline);
  overflow: hidden;
  margin: var(--space-2) 0;
}

.progress-bar__fill {
  height: 100%;
  background: var(--cat-color, var(--heading));
  transition: width var(--duration-normal) var(--ease-default);
}

/* With label */
.progress-bar-group {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.progress-bar-group .progress-bar {
  flex: 1;
}

.progress-bar__label {
  font-size: var(--text-xs);
  color: var(--meta);
  white-space: nowrap;
}