Chrome extension that modifies the youtube video page, placing a progress bar with the remaining time under the active chapter

Latest Version

Version
1.0.3
Update
April 3, 2024
Size
15.0KiB
Developer
Category
Users
106
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Youtube Chapter Progress Extension

Chrome extension that modifies the Youtube video page, and places a progress bar underneath the active chapter in the Chapters list, displaying the time remaining in that chapter. This way you'll be able to visalize not only the progress of the video in general, but also how much time is left in the chapter on its own.

The extension can optionally place a permanent progress bar underneath the main video player that won't disappear when you are not interacting with the video player.

You can customise the visibility of the bars, as well as if you prefer to display the chapter bar only while hovering over the active chapter, by clicking on the extension icon.

Note: None of the added progress bars are interactive, therefore you can't change the video position by clicking on them. They just display the progress of the video and the chapter independently.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Youtube Chapter Progress", "version": "1.0.3", "description": "Chrome extension that modifies the youtube video page, placing a progress bar with the remaining time under the active chapter", "author": "Diego de Blas Mateo", "action": { "default_popup": "index.html", "default_title": "Youtube Chapter Progress", "default_icon": "youtube-chapter-progress-icon-16x16.png" }, "permissions": [ "storage" ], "icons": { "16": "youtube-chapter-progress-icon-16x16.png", "48": "youtube-chapter-progress-icon-48x48.png", "128": "youtube-chapter-progress-icon-128x128.png" }, "content_scripts": [ { "js": [ "app.js" ], "matches": [ "https://www.youtube.com/*" ] } ]}
Read more

How to download and manually install Youtube Chapter Progress extension for Chrome

Looking for a way to install Youtube Chapter Progress extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Youtube Chapter Progress extensions manually, this article outlines two simple methods to effortlessly install Youtube Chapter Progress extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Youtube Chapter Progress extension and manually install through Drag &Drop

If you ever need to manually install a Youtube Chapter Progress extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Youtube Chapter Progress Extension by clicking the "Download CRX" button on the website.

Look for the Youtube Chapter Progress extension you wish to install. Go to the website and download the Youtube Chapter Progress extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Youtube Chapter Progress extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Youtube Chapter Progress extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Youtube Chapter Progress extension for Chrome and install in Developer Mode

This is another method to install Youtube Chapter Progress extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Youtube Chapter Progress extension file

Select and download the Youtube Chapter Progress extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Youtube Chapter Progress extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Youtube Chapter Progress extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Youtube Chapter Progress extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Youtube Chapter Progress extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

YouTube Chapter Editor Extension · Productivity 106 8 ★ 78.5KiB

icon

YouTube Progress Bar Extension · Accessibility 106 4 ★ 5.94KiB

icon

YouTube Playlist Duration bar Extension · Productivity 106 13 ★ 1.03MiB

icon

Search for YouTube Player Extension · Productivity 106 7 ★ 99.3KiB

icon

YouTube next chapter button Extension · Productivity 106 4 ★ 21.94KiB

icon

Auto Load YouTube Video Chapters Extension · Productivity 106 3 ★ 208KiB

icon

Tubestamps Extension · Accessibility 106 47 ★ 157KiB

icon

Video Percentage Indicator Extension · Productivity 106 22 ★ 21.66KiB

icon

Video Bar Extension · Accessibility 106 9 ★ 17.83KiB

icon

Video Duration for YouTube™ Extension · Productivity 106 14 ★ 67.08KiB

icon

YouTube Timestamp Comments Extension · Accessibility 106 7 ★ 764KiB

icon

YouTube™ Album Tracks Extension · Fun 106 16 ★ 17.41KiB

icon

Permanent Progress Bar for YouTube Extension · Fun 106 64 ★ 37.82KiB

icon

Progress Bar - Sweet Progress Bar for YouTube Extension · Fun 106 7 ★ 970KiB

icon

YouTube Progress Bar Hider Extension · Productivity 106 4 ★ 11.63KiB

icon

YouTube Chapters In Player Extension · Fun 106 11 ★ 14.8KiB

icon

Delta for YouTube Extension · Social & Communication 106 10 ★ 678KiB

icon

YouTube Timestamps Extension · Productivity 106 39 ★ 16.03KiB

icon

Highlights for YouTube Extension · Fun 106 15 ★ 41.6KiB

icon

Custom Color for YouTube's Progress Bar Extension · Accessibility 106 32 ★ 50.95KiB

icon

YouTube Time Labels Extension · Productivity 106 10 ★ 125KiB

icon

YouTube Settings Extension · Productivity 106 18 ★ 130KiB

icon

Jumpcut Extension · Fun 106 12 ★ 172KiB

icon

Tubelator: AI YouTube Subtitles and Chapters Extension · Productivity 106 4 ★ 1.6MiB