josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add download progress bar on card thumbnails

Browse Source 
Replaces pulse-only state with a visible progress bar animation:
- Indeterminate bar slides across the bottom of card thumbnails during download
- markCardCacheState dynamically adds/removes the bar element
- renderCard includes the bar for newly rendered downloading cards
- Now-playing button already showed '⏳ Saving…' state

Files:
- frontend/app.js: dl-progress in renderCard, markCardCacheState dynamic bar
- frontend/styles.css: .dl-progress, .dl-bar with dlSlide animation
This commit is contained in:
Jonathan Sykes
2026-06-14 14:23:52 +08:00
parent c676786144
commit 81aced9bc5
6 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
BACKLOG.md
View File

@@ -18,7 +18,7 @@ bottom as they come up.
- [x] Empty-state designs for empty playlists and empty history (match the new hero).
- [x] Loading skeletons for search results instead of a bare "Searching…".
- [x] Keyboard-shortcut help overlay (press `?`), listing space / arrows / f / m.
- [ ] Download/preload progress indicator on cards (percent or a bar, not just a pulse).
- [x] Download/preload progress indicator on cards (percent or a bar, not just a pulse).
- [ ] Remember and restore the last playback position per video.
- [ ] Toast queue (stack multiple toasts instead of replacing).