How to show the step progress bar

Question

I'm creating a demo project for showing form progress. I mean, as the user fills the form in four steps, I want to show the progress of each of the user's step.

For better understanding please have a look on the screenshot that follows.

I want to create something like the above screen shot. So please suggest me. Any help or suggestion will be appreciated.

I can't use UISlider, because it's not possible to create four thumbs in one UISlider.

Thanks in Advance... :)

You can try using library: https://cocoapods.org/?q=step%20pro — nynohu, Feb 02 '17 at 04:52
Possible duplicate of [UISlider with increments of 5](http://stackoverflow.com/questions/2519460/uislider-with-increments-of-5) — Nikunj Damani, Feb 02 '17 at 05:38
I fond this it might be helpful: https://github.com/amratab/FlexibleSteppedProgressBar — Milad Faridnia, Jul 05 '17 at 05:10
https://www.syncfusion.com/xamarin-ui-controls/xamarin-stepprogressbar — Prabakaran, Jul 29 '19 at 10:55

score 4 · Accepted Answer · answered Sep 18 '17 at 04:19

4

There are several options but the two components I found the most easy and complete are both the FlexibleSteppedProgressBar and the Progress-Indicator-Swift. The first is very complete but the second is simple and clean for basic usage.

You can choose the best based on your needs.

answered Sep 18 '17 at 04:19

Felipe Plets

7,230
3
36
60

2

is there any vertical step indiactor library. – Jatin Vashisht May 11 '18 at 06:59
Hello @JatinVashisht I've search and could not find one. I saw you already posted in FlexibleSteppedProgressBar asking for support. Let's see what they say. – Felipe Plets May 12 '18 at 14:37
Thanks for the search, yes i have posted on FlexibleSteppedProgressBar, waiting for the Answer from them. – Jatin Vashisht May 14 '18 at 07:33
@FelipePlets can you suggest one with carthage support? – Kanishk Gupta Apr 09 '19 at 05:37
@KanishkGuptaI don't use Carthage myself, but I saw someone asked for Carthage support on the FlexibleSteppedProgressBar: https://github.com/amratab/FlexibleSteppedProgressBar/issues/13 – Felipe Plets Apr 10 '19 at 10:49

How to show the step progress bar

1 Answers1