> For the complete documentation index, see [llms.txt](https://docs.timer-share.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.timer-share.com/en/quick-start/customize/time-management/edit-the-progress-bar.md).

# Edit Progress Bar

The progress bar visually displays the remaining time of the timer in three colors.

{% hint style="info" %}
Please refer here for [how to open the Attention Settings screen](/en/quick-start/customize.md#how-to-open-the-attention-settings-screen).
{% endhint %}

***

## Change the Yellow Zone and Red Zone Times on the Progress Bar

You can adjust the times for the yellow and red zones from the timer's advanced settings.

<figure><img src="https://81080730-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyDFx5dzjEzQNJN26DYHB%2Fuploads%2Fr0ArEy9f60cFRI9K5RRQ%2Fprogressber_remain_time.png?alt=media&amp;token=d3d2da00-cf3a-44d7-af5d-95e2b1e395de" alt="イエローゾーンとレッドゾーンの時間を"><figcaption><p>Change the Yellow Zone and Red Zone Times</p></figcaption></figure>

The default remaining times set for each zone are as follows:

|             | Default Values        |
| ----------- | --------------------- |
| Yellow Zone | 1 minute before end   |
| Red Zone    | 15 seconds before end |

{% hint style="info" %}
To change the color of the progress bar, please refer to "[Edit Layout](https://docs.timer-share.com/en/quick-start/customize/time-management/pages/DSQqnsAqJPnIRyPgQJ1S#id-3.-progress-bar-color)."
{% endhint %}