# Liquid glass progress: spec and references

Source: https://meniscus.site/components/progress · Updated 2026-09-27

Completion or level. Layer: controls.

Also called: meter, progress bar, gauge.

| Property | Value |
|---|---|
| Material | track: flat glass groove · fill: solid accent (or tinted liquid) |
| Profile | flat |
| Geometry | track 6–8 tall, radius h/2; label left + value right above |
| Bezel (px) | 0 |
| Displacement (px) | 0 |
| Blur (px) | 0 |

## Anatomy

- label/value row
- groove
- fill

## States

- determinate
- indeterminate (moving highlight)

## Rules

- Thin tracks carry no refraction; do not fake it with gradients.

## References

![A glass panel holding two determinate progress tracks and an indeterminate one, over zoomed desert ridges.](https://meniscus.site/gallery/progress-light-studio.webp)

![A glass panel holding two determinate progress tracks and an indeterminate one, over a zoomed night skyline and its waterline.](https://meniscus.site/gallery/progress-dark-studio.webp)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_component_spec` tool returns for `progress`. Materials, colours, light and composition rules that apply to every component are in the [liquid glass guide](https://meniscus.site/liquid-glass). Connect: `claude mcp add --transport http meniscus https://meniscus.site/mcp` — setup for every client: https://meniscus.site/docs