Home Components Progress
Progress
Overview Playground API
Progress indicators express an unspecified wait time or display the length of a process.
Usage 


  <goat-progress value="40" label="Progress"></goat-progress>


  <goat-progress value="10" label="Success" status="success" helper-text="Optional helper text goes here..."></goat-progress>


  <goat-progress value="50" label="Error" status="error" helper-text="Opps something went wrong..."></goat-progress>


  <goat-progress label="Indeterminate"></goat-progress>
Sizes Fancy larger or smaller spinners? Add size attribute for additional sizes. 

  <goat-progress value="40" label="Size medium"></goat-progress>


  <goat-progress value="60" size="sm" label="Size small"></goat-progress>
Usage Sizes
Work in progress
Properties
Events
Methods
CSS Custom Properties
Previous Next