123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243{
"surface_id": "time-progress-surface",
"surface_version": 1,
"payload": {
"objects": [
{
"beginRendering": {
"surfaceId": "time-progress-surface",
"root": "root-card"
}
},
{
"surfaceUpdate": {
"surfaceId": "time-progress-surface",
"components": [
{
"id": "root-card",
"component": {
"Card": {
"child": "main-column"
}
}
},
{
"id": "main-column",
"component": {
"Column": {
"alignment": "stretch",
"children": {
"explicitList": [
"title",
"row-5",
"row-4",
"row-3",
"row-2",
"row-1"
]
}
}
}
},
{
"id": "title",
"component": {
"Label": {
"text": {
"literalString": "Time"
},
"variant": "bodySansSemibold"
}
}
},
{
"id": "row-5",
"component": {
"Row": {
"alignment": "center",
"children": {
"explicitList": [
"label-5",
"bar-5"
]
}
}
}
},
{
"id": "label-5",
"component": {
"Label": {
"text": {
"literalString": "5"
},
"color": "tertiary",
"variant": "caption"
}
}
},
{
"id": "bar-5",
"weight": 1,
"component": {
"LinearProgress": {
"progress": {
"literalNumber": 0.48
}
}
}
},
{
"id": "row-4",
"component": {
"Row": {
"alignment": "center",
"children": {
"explicitList": [
"label-4",
"bar-4"
]
}
}
}
},
{
"id": "label-4",
"component": {
"Label": {
"text": {
"literalString": "4"
},
"color": "tertiary",
"variant": "caption"
}
}
},
{
"id": "bar-4",
"weight": 1,
"component": {
"LinearProgress": {
"progress": {
"literalNumber": 0.39
}
}
}
},
{
"id": "row-3",
"component": {
"Row": {
"alignment": "center",
"children": {
"explicitList": [
"label-3",
"bar-3"
]
}
}
}
},
{
"id": "label-3",
"component": {
"Label": {
"text": {
"literalString": "3"
},
"color": "tertiary",
"variant": "caption"
}
}
},
{
"id": "bar-3",
"weight": 1,
"component": {
"LinearProgress": {
"progress": {
"literalNumber": 0.26
}
}
}
},
{
"id": "row-2",
"component": {
"Row": {
"alignment": "center",
"children": {
"explicitList": [
"label-2",
"bar-2"
]
}
}
}
},
{
"id": "label-2",
"component": {
"Label": {
"text": {
"literalString": "2"
},
"color": "tertiary",
"variant": "caption"
}
}
},
{
"id": "bar-2",
"weight": 1,
"component": {
"LinearProgress": {
"progress": {
"literalNumber": 0.17
}
}
}
},
{
"id": "row-1",
"component": {
"Row": {
"alignment": "center",
"children": {
"explicitList": [
"label-1",
"bar-1"
]
}
}
}
},
{
"id": "label-1",
"component": {
"Label": {
"text": {
"literalString": "1"
},
"color": "tertiary",
"variant": "caption"
}
}
},
{
"id": "bar-1",
"weight": 1,
"component": {
"LinearProgress": {
"progress": {
"literalNumber": 0.1
}
}
}
}
]
}
}
]
}
}0 tokens
Time
5
4
3
2
1