ux-progress

ux-progress Documentation

Read Foundation's progress docs for more details.


Use Cases Manifest defaultsuccess roundalert roundno dataStackable
    {{#events.uxProgress_68}}
  • {{this}}
  • {{/}}

	{
    "class": "",
    "value": 50
}
    {{#events.uxProgress_69}}
  • {{this}}
  • {{/}}

	{
    "class": "success round",
    "value": 78
}
    {{#events.uxProgress_70}}
  • {{this}}
  • {{/}}

	{
    "class": "alert round",
    "value": 99
}
    {{#events.uxProgress_71}}
  • {{this}}
  • {{/}}

	{}
    {{#events.uxProgress_72}}
  • {{this}}
  • {{/}}

	{
    "items": [
        {
            "class": "",
            "value": 30
        },
        {
            "class": "success",
            "value": 15
        },
        {
            "class": "alert",
            "value": 20
        }
    ]
}

Semantic Data Model
class - round, success, alert, secondary
value - 0-100