# Reading Progress Bar

Renders a horizontal visual bar tracking the reader's scroll completion depth within the article.

## Surfaces

web, google-apps-script-web, mcp-apps

## Fields

| Field | Type |
|---|---|
| color | string. Hexadecimal or design utility color token for the bar. |

## Example payload

```json
{
  "type": "reading_progress_bar",
  "color": "#6366f1"
}
```

Live page: https://a2uicatalog.ai/atoms/reading_progress_bar/
Full field contract: https://a2uicatalog.ai/spec.json