A progress bar to show playlist progress and duration

Latest Version

Version
0.6.5
Update
November 8, 2023
Size
1.03MiB
Developer
Category
Users
1,000+
Rating
4.76923 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Scripting
See more

YouTube Playlist Duration bar Extension

This extension calculate and display the progress and duration of YouTube playlist when watching video in playlist or viewing playlist.
Automatically update the calculation when videos added, deleted, reordered or start playing new video.
Works on any type of playlist including public or private playlist, Watch later, Liked videos.

When videos is playing:
- Total duration#
- Watched time
- Watched percentage
- Remaining time

When viewing a playlist
- Total duration*
- Video counted

If you have any suggestion or want to report a bug, please send me a email or leave a message in User support.
Please refresh all YouTube page after extension upgrade.

# Only count video in the playlist panel, YouTube UI only load ±200 videos into the panel.
* Only count video in the playlist panel, if the number of videos counted not matching the actual number of videos in the playlist, scroll down to load more videos, or some videos are hidden by YouTube UI.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "YouTube Playlist Duration bar", "version": "0.6.5", "description": "A progress bar to show playlist progress and duration", "manifest_version": 3, "background": { "service_worker": "scripts/background.js" }, "permissions": [ "scripting" ], "host_permissions": [ "*://www.youtube.com/*" ], "action": { "default_popup": "html/popup.html" }, "content_scripts": [ { "matches": [ "*://www.youtube.com/*" ], "js": [ "scripts/content.js" ], "css": [ "css/common.css", "css/duration-playing.css", "css/duration-playlist.css" ] } ], "web_accessible_resources": [ { "matches": [ "*://www.youtube.com/*" ], "resources": [ "scripts/duration-playing.js", "scripts/duration-playlist.js" ] } ], "icons": { "16": "icons/icon-16.png", "32": "icons/icon-32.png", "48": "icons/icon-48.png", "128": "icons/icon-128.png" }}
Read more