Progress Bar
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 Bar component is used to map the progress of a process.
1. Reference
This component inherits props from the Progress Bar.
2. State
You can edit the state with the 1, 2, 3, 4 or 5 parameter.
Image 2.1 : State 1
Image 2.2 : State 2
Image 2.3 : State 3
Image 2.4 : State 4
Image 2.5 : State 5
SwiftUI
The DLProgressBar component is used to map the progress of a process.
1. Reference
This component inherits props from the Progress Bar.
2. State
You can edit the state with the .one, .two, .three, .four or .five parameter.
state: .one
)
DLProgressBar(
state: .two
)
DLProgressBar(
state: .three
)
DLProgressBar(
state: .four
)
DLProgressBar(
state: .five
)
Jetpack Compose
The ProgressBar component is used to map the progress of a process.
1. Reference
This component inherits props from the Progress Bar.
2. State
You can edit the state with the ProgressBarState.one, ProgressBarState.two, ProgressBarState.three, ProgressBarState.four or ProgressBarState.five parameter.
state = ProgressBarState.one
)
ProgressBar(
state = ProgressBarState.two
)
ProgressBar(
state = ProgressBarState.three
)
ProgressBar(
state = ProgressBarState.four
)
ProgressBar(
state = ProgressBarState.five
)
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?