> ## 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

> Add a progress bar to a clip in the quso.ai editor so viewers see how much is left. Choose its color, thickness and position, top or bottom of the frame.

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.

[YouTube video player](https://www.youtube.com/embed/UOgNGhkdbQo?si=vZvlwBdZqdyeyg51)

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.

![Edit Captions1 Jp](https://mintcdn.com/qusoai-5decf6ca/I4T2NcmCpeTgYdMQ/images/edit-captions1.jpg?fit=max\&auto=format\&n=I4T2NcmCpeTgYdMQ\&q=85\&s=240f48e70af6fb52dc45e106973c9c69)

***

### **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.

![Elements Progress Bar Jp](https://mintcdn.com/qusoai-5decf6ca/I4T2NcmCpeTgYdMQ/images/elements-progress-bar.jpg?fit=max\&auto=format\&n=I4T2NcmCpeTgYdMQ\&q=85\&s=a1eccf375d4719632c208e7aa5094b82)

***

### **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.

![Elements Progress Bar Settings Jp](https://mintcdn.com/qusoai-5decf6ca/I4T2NcmCpeTgYdMQ/images/elements-progress-bar-settings.jpg?fit=max\&auto=format\&n=I4T2NcmCpeTgYdMQ\&q=85\&s=7033ae9d536c5ddf03e9d3d52b7ae130)

***

### **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. 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 at [help@quso.ai](mailto:help@quso.ai) — we’re here to help!

***

### Need Help?

If you run into any issues or have questions, our support team at [help@quso.ai](mailto:help@quso.ai) is just a message away.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.