Components/Status Indicator

The status indicator displays a SVG images that indicate a pictorial representation of an object. It allows users to fill the content on a numeric scale, typically from 1 (lowest) to 100 (highest) as percentage.

Use the status indicator in Grids, tables, or in a dialog box. Use the status indicator in Grids, tables, or in a dialog box.

| **Size** | **rem** | **Modifier class** | | :---------- | :--------- | -----------------------: | | Small | 0.75rem | \

To display fill values with the status indicator i.e 'critical,negative,positive', add the \

To display label values with the Status indicator i.e label and indicator image, add the \

To display Linear filling from left to right instead default bottom to top approach type of the status indicator Object, The object can be filled based on changing the value of \

Example to demonstrate the order dispatch from the manufacturing unit

To display Radial filling instead of default bottom to top approach type of status indicator Object, The object can be filled based on changing the value of \

To display Angular filling instead of default bottom to top approach type of status indicator Object, The object can be filled based on changing the value of \