Animated progress bar that counts from 0 to a value when scrolled into view
| Field | Type | |
|---|---|---|
| value | number (0–100, alias: percent) | required |
| label | string (optional, alias: title) | optional |
| color | string (optional, hex) | optional |
| suffix | string (optional, default %) | optional |
| height | number (optional, bar height px) | optional |
{
"type": "progress_reveal",
"value": 75
}{
"identifier": "urn:air:a2uicatalog.ai:atom:progress_reveal",
"displayName": "Progress Reveal",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/progress_reveal",
"capabilities": [
"apps-script-web"
],
"description": "Animated progress bar that counts from 0 to a value when scrolled into view",
"representativeQueries": [
"show a scroll-triggered animated progress bar",
"animated progress bar that counts from 0 to a value when scrolled into view",
"render a progress reveal"
]
}The renderer is open source. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.
git clone https://github.com/a2uicatalog/a2ui
cd apps-script-surface/gas-schema-renderer
clasp push && clasp deploy