Progress
You can edit 8 Components for free. Get premium for unlimited access.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
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
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
)
Preview
Preview
Code
DlProgress(
value: 20,
)Usage
Add this code example to your project to see how the component works.
DlProgress(
value: 20,
)API Reference
DlProgress is a full-width progress bar that visualizes task completion from 0 to 100 percent using a grey track and a black fill.
Discover more content
You have questions or need help?
You want to try?
Save time and money?