간단한 progress bar입니다.
notion에 강의를 들으며 정리를 하는데 강의 진행률을 시각화하고 싶어서 notion progress bar widget에 대해 열심히 찾아봤습니다. 하지만 notion 자체로는 table view database의 수식을 이용하는 방법이 최선이었고 notion의 link embed를 활용한 third-party widget도 존재하지 않았습니다. 여러모로 만족스럽지 않아 직접 만들게 되었습니다.
| progress bar 클릭 위치 | 동작 |
|---|---|
| 왼쪽 | progress 감소 (-1) |
| 오른쪽 | progress 증가 (+1) |
| 가운데 | total 숫자 설정 |
| context menu (progress bar 우클릭) | 동작 |
|---|---|
| Reset progress to 0 | progress를 0으로 초기화 |
| Bar color | progress bar 색상 설정 (⟳ 버튼으로 초기화) |
- 공간 차지가 적습니다.
- 필요한 기능만 넣었습니다.
- 쉽게 사용 가능하고 이식성이 높습니다.
- LocalStorage에 데이터를 저장하여 domain별로 반영구적으로 unique하게 사용 가능합니다.
버그를 발견하거나 새로운 기능을 제안하는 것은 언제나 환영입니다! 이슈를 작성해주세요.