How to make a video progress bar

To create a progress bar, begin by dragging a colored rectangle of your choice onto the top video track of your timeline. To do this, select the backgrounds tab and then select solids in the left-hand menu. Next, you'll want to expand the clip on your timeline so it lasts for the entire duration of your video. This will cause your entire video to be covered by the color you chose. To fix this, double-click the clip to open the editor menu. Next, in the transform tab, scale the rectangle so that it's at the exact width of your preview screen and drag it to the bottom (so that only a sliver is showing). You can select the checkboxes for Show Grid and Snap in the top-right corner above the preview screen to make this process a bit easier.

Once you're set, select Save Changes and go one tab to the right to create the animation. Select the start arrow and then adjust the progress bar rectangle so that only a sliver is showing in the bottom-left corner. You'll want to remember the X coordinate and type that in so that the animation will stay at the same level for the entire duration. When you click end, the progress bar should cover the entire width of the bottom of your screen. Click Save Changes and you're all set!

Other tags

Digital Storytelling

Cloud Video Editing

Releases

Video Marketing

edtech

Tips

Schools (K-12)

Youtube

K-12 Education

remote learning

Recent posts

class=attachment-thumbnail size-thumbnail wp-post-image alt= data-lazy-src=https://d5uf49vu7iunu.cloudfront.net/wp-content/uploads/2020/08/CreatorCommunity_blog_thumb-150x150.jpg?x83271 />

Highlights from WeVideos Creator Community Summit 2020

class=attachment-thumbnail size-thumbnail wp-post-image alt= data-lazy-src=https://d5uf49vu7iunu.cloudfront.net/wp-content/uploads/2020/08/How-to-create-an-instructional-video_blog_thumb-copy-150x150.jpg?x83271 />

5 tips to help you create a great instructional video

class=attachment-thumbnail size-thumbnail wp-post-image alt= data-lazy-src=https://d5uf49vu7iunu.cloudfront.net/wp-content/uploads/2018/10/GirlCamera-2-150x150.jpg?x83271 />

Blended learning: How to get the most out of your ...

class=attachment-thumbnail size-thumbnail wp-post-image alt= data-lazy-src=https://d5uf49vu7iunu.cloudfront.net/wp-content/uploads/2020/07/real_time_collab_blog_thumb-150x150.jpg?x83271 />

Coming soon: Collaborate & edit videos in real time

class=attachment-thumbnail size-thumbnail wp-post-image alt= data-lazy-src=https://d5uf49vu7iunu.cloudfront.net/wp-content/uploads/2020/07/unnamed-4-150x150.png?x83271 />

Educator spotlight: Brad Moser, Blue Valley Schools

LINK:	https://www.wevideo.com/blog/news/how-to-make-a-video-progress-bar...
	See more stories from wevideo

Most recent headlines