# Progress Board
URL: /components/progress-board
Source: https://github.com/daangn/seed-design/blob/dev/docs/content/components/progress-board.mdx

플랫폼별 컴포넌트 구현 상태를 확인합니다.

## 플랫폼별 구현 상태

### 플랫폼별 진행률

| Platform | Progress | Ready/Total |
| --- | --- | --- |
| Figma | 97% | 58/60 |
| React | 97% | 56/58 |
| Lynx | 18% | 11/60 |
| iOS | 73% | 37/51 |
| Android | 83% | 43/52 |

### 컴포넌트별 상태

| Component | Figma | React | Lynx | iOS | Android |
| --- | --- | --- | --- | --- | --- |
| Accordion | In Progress | [Done](/react/components/accordion) | Not Ready | Not Planned | Not Planned |
| Action Button | Done | [Done](/react/components/action-button) | [Done](/lynx/components/action-button) | Done | Done |
| Alert Dialog | Done | [Done](/react/components/alert-dialog) | Not Ready | Done | Done |
| Attachment Input | Done | [Done](/react/components/attachment-field) | Not Ready | Not Ready | Done |
| Avatar | Done | [Done](/react/components/avatar) | Not Ready | Done | Done |
| Avatar Stack | Done | [Done](/react/components/avatar) | Not Ready | Not Ready | Done |
| Badge | Done | [Done](/react/components/badge) | [Done](/lynx/components/badge) | Done | Done |
| Bottom Navigation | Done | Not Planned (React 구현이 불필요하여 제공되지 않습니다.) | Not Ready | Not Planned | Done |
| Bottom Sheet | Done | [Done](/react/components/bottom-sheet) | [Done](/lynx/components/bottom-sheet) | Done | Done |
| Callout | Done | [Done](/react/components/callout) | Not Ready | Done | Done |
| Checkbox | Done | [Done](/react/components/checkbox) | [Done](/lynx/components/checkbox) | Done | Done |
| Checkmark | Done | [Done](/react/components/checkbox#using-checkmark) | Not Ready | Done | Done |
| Chip | Done | [Done](/react/components/chip) | Not Ready | Done | Done |
| Chip Tabs | Done | [Done](/react/components/chip-tabs) (피그마 Tabs 컴포넌트의 Variant=Chip) | Not Ready | Not Ready | Done |
| Content Placeholder | Done | [Done](/react/components/content-placeholder) | Not Ready | Not Ready | Not Ready |
| Contextual Floating Button | Done | [Done](/react/components/contextual-floating-button) | Not Ready | Done | Done |
| Date Picker | Done | [Done](/react/components/date-picker) | Not Ready | Not Planned | Not Planned |
| Dialog | Done | [Done](/react/components/dialog) | Not Ready | Not Planned | Not Planned |
| Divider | Done | [Done](/react/components/divider) | Not Ready | Done | Done |
| Field | Done | Done (Text Field 및 Slider 내부에서 사용) | Done | Done | Done |
| Floating Action Button | Done | [Done](/react/components/floating-action-button) | Not Ready | Done | Done |
| Footer | Done | [Done](/react/blocks/footer) | Not Ready | Not Planned | Not Planned |
| Header | Done | Not Ready | Not Ready | Not Planned | Not Planned |
| Help Bubble | Done | [Done](/react/components/help-bubble) | Not Ready | Done | Done |
| Identity Placeholder | Done | [Done](/react/components/identity-placeholder) | Not Ready | Done | Done |
| Image Frame | Done | [Done](/react/components/image-frame) | Not Ready | Done | Done |
| Input Button | Done | [Done](/react/components/field-button) | Not Ready | Done | Done |
| List Header | Done | [Done](/react/components/list) | Not Ready | Done | Done |
| List Item | Done | [Done](/react/components/list) | Not Ready | Done | Done |
| Manner Temp | Done | [Done](/react/components/manner-temp) | Not Ready | Done | Done |
| Manner Temp Badge | Done | [Done](/react/components/manner-temp-badge) | Not Ready | Done | Done |
| Menu | Done | [Done](/react/components/menu) | Not Ready | Not Ready | Not Ready |
| Menu Sheet | Done | [Done](/react/components/menu-sheet) | Not Ready | Done | Done |
| Notification Badge | Done | Done (Tabs 및 Segmented Control의 prop으로 제공) | Not Ready | Done | Done |
| Page Banner | Done | [Done](/react/components/page-banner) | Not Ready | Done | Done |
| Progress Circle | Done | [Done](/react/components/progress-circle) | [Done](/lynx/components/progress-circle) | Done | Done |
| Quantity Picker | Done | [Done](/react/components/quantity-picker) | Not Ready | Not Ready | Not Ready |
| Radio | Done | [Done](/react/components/radio-group) | [Done](/lynx/components/radio-group) | Done | Done |
| Radio Mark | Done | [Done](/react/components/radio-group#using-radiomark) | Not Ready | Done | Done |
| Reaction Button | Done | [Done](/react/components/reaction-button) | Not Ready | Not Ready | Not Ready |
| Result Section | Done | [Done](/react/components/result-section) | Not Ready | Not Ready | Done |
| Root Top Navigation | Done | Not Planned (React 구현이 불필요하여 제공되지 않습니다.) | Not Ready | Done | Done |
| Scroll Fog | Done | [Done](/react/components/scroll-fog) | Not Ready | Done | Done |
| Search Bar | Done | Not Ready | Not Ready | Not Ready | Not Ready |
| Segmented Control | Done | [Done](/react/components/segmented-control) | Not Ready | Done (UIKit: 🚧 작업 중 / SwiftUI: ✅ 준비됨) | Done |
| Select | Done | [Done](/react/components/select) | Not Ready | Not Ready | Not Ready |
| Select Box | Done | [Done](/react/components/select-box) | Not Ready | In Progress | In Progress |
| Side Navigation | Done | [Done](/react/blocks/side-navigation) | Not Ready | Not Planned | Not Planned |
| Side Panel | In Progress | [Done](/react/components/side-panel) | Not Ready | Not Planned | Not Planned |
| Skeleton | Done | [Done](/react/components/skeleton) | Not Ready | Done | Done |
| Slider | Done | [Done](/react/components/slider) | Not Ready | Done | Done |
| Snackbar | Done | [Done](/react/components/snackbar) | Not Ready | Done | Done |
| Switch | Done | [Done](/react/components/switch) | [Done](/lynx/components/switch) | Done | Done |
| Switch Mark | Done | [Done](/react/components/switch#using-switchmark) | Not Ready | Done | Done |
| Tabs | Done | [Done](/react/components/tabs) (피그마 Tabs 컴포넌트의 Variant=Line) | Not Ready | Not Ready | Not Ready |
| Tag Group | Done | [Done](/react/components/tag-group) | [Done](/lynx/components/tag-group) | Not Ready | Done |
| Text Input & Textarea | Done | [Done](/react/components/text-field-input) | [Done](/lynx/components/text-field-input) (Textarea는 /lynx/components/text-field-textarea 문서를 참고하세요.) | Done | Done |
| Time Picker | Done | [Done](/react/components/time-picker) | Not Ready | Not Planned | Not Planned |
| Top Navigation | Done | [Done](/react/stackflow/app-screen) (Stackflow AppBar) | [Done](/lynx/components/app-bar) | Done | Done |
| Wheel Picker | Done | [Done](/react/components/wheel-picker) | Not Ready | Not Ready | Not Ready |