Add a progress bar or ring to your custom Display.

The widget shows the active timer, always. You never pause it, scrub it, or reset it — there is nothing to operate. When Host starts, pauses, or adjusts time, the drawing follows on its own.

A bar empties from the left. A ring empties clockwise from the top. Time that has been spent turns transparent, so your canvas color or photo shows through where the fill used to be. What remains stays colored: green first, then yellow, then red.

One thing to understand before you style anything: the widget does not decide where yellow and red begin. It copies the active timer's cue stages — the same Yellow and Red thresholds that drive the digits and the chimes. With a default timer, yellow covers the last quarter of the duration and red the last 30 seconds. Set custom cue stages on the timer and the widget redraws to match.

When the timer reaches 0:00 the red zone is full, and it stays full through overtime. The digits do the alarming. The shape just holds until Host starts the next timer.

Bar is the shape most rooms want: a strip across the bottom edge that drains toward the right. Thickness sets its height, and the strip centers itself inside the widget box. Corner radius rounds the ends from 0 to 64 — leave it at 0 for a strip that runs edge to edge.

Ring is there when the layout wants a dial instead of a strip — a large clock wrapped in color, for example. Resizing a ring keeps it square, and Thickness becomes the stroke. Studio caps the stroke at half the box so the hole never closes up.

Switching between the two keeps your colors, thickness, and marker. What changes is the box: a ring gets a centered square, a bar gets a full-width strip along the bottom, and Studio slides the widget off your timer so nothing overlaps. Drag it wherever the layout needs it after that.

We ship the three stages as green, yellow, and red because audiences already read that scheme without being taught it. Leave them alone unless your brand colors argue otherwise. To recolor one, click its swatch in the inspector and pick from the board; the canvas updates as you click.

Remember that the boundaries belong to the timer. If yellow looks too long or too short, change the timer's cue stages — see Timer Cues — not this panel.

One connection worth setting up: turn on Follow warning color in the timer's inspector, and the digits take these same three colors. Number and shape then switch stages together. If you keep more than one progress widget on the layout, the timer follows the first visible one. Hide or delete the widget and the timer keeps the colors it last had.

Thickness runs from 8 to 120 pixels, and 60 is the default. That default works for a bottom strip on a 16:9 canvas. Go thinner on a small canvas or a phone layout; go thicker in a hall where the screen sits far away and the shape has to carry more than the digits.

Show marker puts a white triangle on the bar, or a white dot on the ring, right on the boundary between spent and remaining time. It has no color setting — it stays white with a dark edge. I leave it on: it is the only part of the widget that moves from moment to moment, and that movement is what catches the eye from a distance. Turn it off if you want the strip completely quiet.

Everything on this page previews on the Studio canvas as you click. The projector does not see any of it until you Save, and Outputs still has to have your layout selected. A layout cannot save without a visible timer on the canvas — progress alone is not a clock.

Two things to check at the venue. First, can you actually read the remaining colors from the back row over your background photo? If not, raise Dim on the background before you blame the widget. Second, start a test timer and watch one full run: the marker should travel, the zones should hand over where the cue stages say, and at 0:00 the red should sit full. If the layout ever fails to load, the room falls back to the default Display rather than a blank screen.

• The Host preview shows the active timer's time in the widget.
• Zone boundaries match the timer's cue thresholds, including any custom stages.
• The marker is on or off the way you rehearsed it.
• The remaining colors read from the back row over the background photo.
• You can switch Outputs back to Default Display if the layout fails.