> ## Documentation Index
> Fetch the complete documentation index at: https://helpdesk.quso.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Add Progress Bar to Video

Adding a **progress bar** to your video is a great way to visually indicate how much of the video has played — perfect for social media clips, tutorials, and promos. With Quso.ai, you can add a progress bar quickly and customize its look to match your video style.

<iframe width="560" height="315" src="https://www.youtube.com/embed/UOgNGhkdbQo?si=vZvlwBdZqdyeyg51" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

Follow the steps below to get started:

***

## 🎬 How to Add a Progress Bar

### **Step 1: Open the Editor**

* Go to your project dashboard and click **Edit** on the video you’d like to customize.

<img src="https://mintcdn.com/qusoai-5decf6ca/I4T2NcmCpeTgYdMQ/images/edit-captions1.jpg?fit=max&auto=format&n=I4T2NcmCpeTgYdMQ&q=85&s=240f48e70af6fb52dc45e106973c9c69" alt="Edit Captions1 Jp" width="1280" height="720" data-path="images/edit-captions1.jpg" />

***

### **Step 2: Locate the Progress Bar Option**

* In the editor, look for the **Elements** option on the left-hand toolbar or settings menu.
* Click on the Progress Bar option to access progress bar settings.

<img src="https://mintcdn.com/qusoai-5decf6ca/I4T2NcmCpeTgYdMQ/images/elements-progress-bar.jpg?fit=max&auto=format&n=I4T2NcmCpeTgYdMQ&q=85&s=a1eccf375d4719632c208e7aa5094b82" alt="Elements Progress Bar Jp" width="1280" height="720" data-path="images/elements-progress-bar.jpg" />

***

### **Step 3: Enable the Progress Bar**

* Toggle the progress bar **ON** to enable it in your video.
* A visual bar will appear across the video frame — usually at the bottom by default.

***

### **Step 4: Customize the Progress Bar**

You can adjust:

* **Position**: Move the bar to the top, bottom, or custom placement.
* **Color**: Match it to your brand or video theme.
* **Thickness**: Choose how bold or subtle the bar appears.

<img src="https://mintcdn.com/qusoai-5decf6ca/I4T2NcmCpeTgYdMQ/images/elements-progress-bar-settings.jpg?fit=max&auto=format&n=I4T2NcmCpeTgYdMQ&q=85&s=7033ae9d536c5ddf03e9d3d52b7ae130" alt="Elements Progress Bar Settings Jp" width="1280" height="720" data-path="images/elements-progress-bar-settings.jpg" />

***

### **Step 5: Preview and Finalize**

* Use the **Preview** option to view the progress bar in action.
* Make any final adjustments, then save your changes.

***

## ✅ You're All Set!

You’ve now added a custom progress bar to your video in [Quso.ai](http://Quso.ai). It's a simple visual touch that can significantly improve viewer experience and engagement — especially on social platforms.

Need help or want to suggest a new bar style? Reach out to support — we’re here to help!
