Progress Circle
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Progress Circle component is used to map the progress of a process.
1. Reference
This component inherits props from the Progress Circle.
2. State
You can edit the state with the 0, 1, 2, 3 or 4 parameter.
Image 2.1 : State 0
Image 2.2 : State 1
Image 2.3 : State 2
Image 2.4 : State 3
Image 2.5 : State 4
3. Size
You can edit the size with the sm, md or lg parameter.
Image 3.1 : Size lg
Image 3.2 : Size md
Image 3.3 : Size sm
SwiftUI
The DLProgressCircle component is used to map the progress of a process.
1. Reference
This component inherits props from the Progress Circle.
2. State
You can edit the state with the .zero, .one, .two, .three or .four parameter.
size: .lg,
state: .zero
)
DLProgressCircle(
size: .lg,
state: .one
)
DLProgressCircle(
size: .lg,
state: .two
)
DLProgressCircle(
size: .lg,
state: .three
)
DLProgressCircle(
size: .lg,
state: .four
)
3. Size
You can edit the size with the .sm, .md or .lg parameter.
size: .lg,
state: .one
)
DLProgressCircle(
size: .md,
state: .one
)
DLProgressCircle(
size: .sm,
state: .one
)
Jetpack Compose
This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.
🚧
React Native
This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.
🚧
Discover more content
You have questions or need help?
You want to try?
Save time and money?