/* Windows 98 Progress Indicator */
.progress-indicator {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #c0c0c0;
  border-bottom: 1px solid #808080;
  z-index: 9999;
  display: none;
}

.progress-indicator.show {
  display: block;
}

.progress-bar {
  height: 100%;
  background: linear-gradient(to right, #0080ff, #40a0ff);
  border-right: 1px solid #004080;
  width: 0%;
  transition: width 0.3s ease;
  position: relative;
}

.progress-bar::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);
  animation: progress-shine 1.5s infinite;
}

@keyframes progress-shine {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* Segmented progress bar variant */
.progress-indicator.segmented .progress-bar {
  background: repeating-linear-gradient(
    90deg,
    #0080ff 0px,
    #0080ff 8px,
    #40a0ff 8px,
    #40a0ff 16px
  );
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .progress-indicator {
    background: #404040;
    border-bottom-color: #202020;
  }
  
  .progress-bar {
    background: linear-gradient(to right, #0066cc, #3388dd);
    border-right-color: #003366;
  }
  
  .progress-indicator.segmented .progress-bar {
    background: repeating-linear-gradient(
      90deg,
      #0066cc 0px,
      #0066cc 8px,
      #3388dd 8px,
      #3388dd 16px
    );
  }
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .progress-indicator {
    height: 3px;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
  
  .progress-bar::after {
    animation: none;
  }
}