Here is another video I made that shows you how to create a stunning UIProgressView for your app.

The progress view is useful in showing intermediate states for your app. For example, when you are downloading content and want to show the progress.

Here is how to go beyond the standard Progress view and get a totally custom one just like the one we have in our Fitpulse template

You can download the sample XCode Project here.

If you like this video and want to see more like it, please leave a comment below and let me know

15 comments

  1. DS

    Absolutely GREAT!!!
    I don’t like it, I LOVE it, as much as I LOVE

    Thank you very much tope, and please DO continue to make such great tut for us!

  2. DS

    Absolutely GREAT!!!
    I don’t like it, I LOVE it, as much as I LOVE every design element from App Design Vault!

    Thank you very much tope, and please DO continue to make such great tut for us!

      • DS

        Sorry to bother with what may be a silly question, but I have implemented this in two differents projects:
        1) not using Autolayout:
        In this one all works great, as expected!
        2) using Autolayout:
        In this one I can’t see anything apart from a very little blue point…

        Please could you tell me how to make it work with Autolayout enabled?

        Thank you very much!

        • tope

          With AutoLayout, things can be tricky.. Make sure you have set your constraints properly so it shows up in the correct place on the screen.

          Your control may be off-screen somewhere. Try outputting the co-ordinates in the Debug window to see where it is located

          • robbechamp

            I’m also having trouble getting it to display when using autolayout…anyone else figure out how to deal with this?

          • Razvan

            I hope is not too late. Add the progress bar programmatically, something like this:

            UIColor *tintColor = [UIColor colorWithRed:0.03f green:0.64f blue:0.83f alpha:1.00f];
            [[ADVRoundProgressView appearance] setTintColor:tintColor];
            self.roundProgress = [[ADVRoundProgressView alloc] initWithFrame:CGRectMake(20.0, 20.0, 160.0, 160.0)];
            [self.view addSubview:self.roundProgress];

  3. Jose

    Nice progress View! It’s really functional and nice to see. I’m eager to test it personally. Thanks for explain this productive tutorials.

  4. Kieran

    These Tutorials are fantastic. As a coder it is fascinating to me to get the design insight into how designers engineer these components! In a million years of trying i dont think I could ever come up with something like that!