Circular Progress Component
Changed on:
30 Sept 2024
Overview
The Circular Progress Component visually indicates the ongoing progress of a loading .

Plugin Name | Core |
---|
The standard library of components.
v1.0.0
Initial changelog entry.
Alias
fc.progress.circular
Detailed technical description
The component is used to indicate the ongoing progress of a loading . The `fc.progress.circular`
component itself doesn't have the logic to determine when the loading is complete. In the , there’s a condition component (`fc.conditional`
) that `fc.progress.circular`
visibility based on specified conditions.
Properties
Name | Type | Required | Default | Description |
size |
| No | none | Sets the size of the circle. If a number is used, it assumes pixels. |
color |
| No |
| Defines the color of the component, aligning with the project theme colors. |
value |
| No | none | Represents the progress value for the determinate variant, ranging from 0 to 100. |
variant |
| No |
| Specifies the variant to use. Select |
Configuration example
1{
2 "component": "fc.progress.circular",
3 "props": {
4 "size": 25,
5 "color": "secondary",
6 "variant": "determinate",
7 "value": 55
8 }
9}
Version History
v24.10.8
Initial release
Recommended Placement
This component can be placed within any other component that supports child elements.