HIG PlaygroundHomeGitHub🇺🇸 EN
HIG Lab → HIG Playground → Progress Indicators

Progress Indicators

iOS ProgressView의 linear bar와 circular spinner, 진행률 조절을 체험해보세요.

9:41
●●●●WiFi🔋
Downloads
Linear Progress
📄
Project.zip
65% — 32.5 MB of 50 MB
🎨
Photos.zip
30% — 90 MB of 300 MB
Circular Progress
65%
Determinate
Indeterminate
⚠️ HIG 위반: 진행 표시가 부적절합니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Use linear bars for known-duration tasks
  • Use spinners for indeterminate loading
  • Show percentage or file size when helpful
  • Use system tint color by default

✗ 이렇게 하지 마세요

  • Don't use a spinner when progress is measurable
  • Don't show stale or frozen progress
  • Don't make the progress bar too small
  • Don't use custom animations that confuse users

👆 iPhone 미리보기에서 나쁜 패턴을 직접 확인해보세요

SwiftUI Code
// Linear determinate ProgressView(value: 0.65) .tint(.blue) // Indeterminate spinner ProgressView()
HIG Lab — Apple Human Interface Guidelines Interactive Playground