A chapter bar filling to its percentage while the dot row marks what is done, current and still ahead.
The overlay for a course video that runs across several parts, sized to sit at the top of the frame. The bar and the dots are driven off one position, so the percentage cannot claim progress the dots do not show. Say what the chapter covers in the caption: Chapter 3 of 5 tells someone where they are, not whether to keep watching.
Say what the chapter covers in the caption, because Chapter 3 of 5 tells someone where they are, not whether to keep watching. The percent is text and should match the chapter position. The bar colour is the fill.
Lesson Progress Bar is built at 640 × 360, a 16:9 landscape frame, the shape of a YouTube video, a stream layout and most editing timelines, and runs 3 seconds at 30 frames per second. It arrives in 0.9 seconds, holds for 1.7 and clears in 0.4, so cue it a beat before the moment it labels. Export it as an MP4 for a timeline or a feed, a GIF where video will not embed, or a MOV with an alpha channel to lay it over footage with nothing behind it. Renders go up to 4K, and the free plan exports at 720p with a watermark.
The bar and dots are driven off one position, so they cannot disagree with each other. Set the percent text to match: chapter three of five is 50% at the midpoint.
The dot row is drawn for five. Write Chapter 6 of 10 in the text and the dots stand for the idea of progress rather than the exact count.
