Inputs & Textarea
Pull to Refresh
React Grid Layout
Progress indicators provide feedback to the user regarding the percentage of completion of a task, workflow or system.
Progress has two available shapes — bar or a circle, with bar being the default shape.
Progress can be used with or without labels. There are two optional labels available, one to describe process and one to display a completion value.
Status can be displayed to the user through color. All progress indicators must have a status assigned. Most progress indicators should be set to have status set to "information". If a status is not set, then the status will be set to none by default.
Progress indicators can be displayed in large, medium or small sizes.
User progress can be shown over the course of minutes, hours or days and may persist on the page.
System progress is typically a temporary animated display showing a short term application process.
Custom inner labels can be added to the progress bar.
Trade progress is specific to trade activity and is often embedded within a Data Grid.