SwiftUI Tutorial: Progress Bar with Animation

This swiftui tutorial shows you how to create an animated progress bar in xcode. SwiftUI is one of the most beginner-friendly ways to learn iOS development with Swift.
This tutorial uses Xcode 12 and Swift 5.
Great place for beginners to start iOS Development with Swift: gumroad.com/a/...
Instagram: / logankoshenka
Twitter: / logankoshenka
This video and description may contain affiliate links. If you click on a link and make a purchase, I may receive a commission. Money earned helps to support my channel.
#SwiftUI #Tutorial #iOSDevelopment

[@mowerguy4u]

That was a great tutorial. Ive been self teaching swift on and off for a little while, still a complete noob, but I never realized you could command click to embed VStacks lol. Adding information like that in your tutorials is very helpful!

[@logankoshenka]

Thank you!

[@lisan_al_g4ib]

Cool! Thanks for the help! With my OCD I made an adjustment so the inner rounded rectangle is at the very least a circle, otherwise it won't lie inside its gray container at smaller percentages, so I made this change to calculate the multiplier:
let halfOfHeight = (height / 2)
let progressWithMin = percent > halfOfHeight ? percent : halfOfHeight
let multiplier = progressWithMin / 100

[@steverae68]

Stumbled across the video yesterday and have to say wow - you make it look so simple - I had implemented a energy bar in my game using multiple slspritenodes and hiding or showing each one depending on the value lol / looks so much easier your way

[@logankoshenka]

haha thanks, glad you like it!

[@steverae68]

@@logankoshenka I too am learning this new fangled swift thing… (I’m old - grew up on cobol and basic) lol - I may reach out to you if I get stuck with other things - hope you don’t mind… sorry I don’t do any of that instratwitter thing 😂

[@logankoshenka]

haha of course not, feel free!

[@KelKrom]

Awesome tutorial Logan, still not working with SwiftUI yet, but I can say that you make it look pretty simple and clear,

[@logankoshenka]

means a lot, thank you!

[@CarlosGomesCabral]

Awesome video! Keep posting about SwiftUI 👌

[@logankoshenka]

thank you!

[@SacredSpiritMeditation]

an outstanding tutorial.. thanks a bunch.... Easy to understand and quite effective in its implementation

[@logankoshenka]

Thank you for watching! Glad you liked it.

[@malikTaha425]

I am working on swiftui widgetkit, and this helps me a-lot thanks

[@logankoshenka]

great!!

[@whistlerbrad]

So good! 👏 Thanks for the walk-through

[@logankoshenka]

thank you!

[@dev_jeongdaeri]

super awesome!

[@logankoshenka]

thanks so much :D

[@JudgeRich]

Really helpful, and legit a good tutorial

[@logankoshenka]

Means a lot - thank you!

[@felixmo8nn]

Love goes out to u dude

[@logankoshenka]

🤝❤️

[@mackennawollet1639]

this is so interesting and helpful!!!! ❤️

[@jayvalance]

Good Job!!! Nice Video!!

[@logankoshenka]

thank you!

[@johnpill1]

Looks great however the animation approach has been deprecated. How would you replace this now?

[@johnpill1]

oh, you just add the variable value you are changing on.

[@logankoshenka]

correct! sorry - just saw this! you good?

[@johnpill1]

@@logankoshenka yeah answered my own question in like 10 secs. It looks like it wasn’t completely deprecated they just added the value.

[@imbored6010]

I tried using the .animation line in my own code to get the same spring effect but it says that its no longer supported, how would I do this now.

[@imbored6010]

never mind lol i saw someone else had the same question

[@logankoshenka]

yes just slightly different now - let me know if you need help!

[@imbored6010]

@@logankoshenka yea im also trying to make it so that you dont even need the button to make the bar move. do you know how to do that

[@huseyincangenc4307]

I'm the 300th person to like 🎉🥳

[@logankoshenka]

woohoo!! I appreciate it!!

[@anhhanry7167]

just stumble across this video today and it's great tutorial video, but I use Navigation link (because I would like to use 1 big project to include many instance/example) to access to this progressbar view, how could I achieve this same variable @Star var ( and animation ) ?

[@logankoshenka]

Thank you! And I’m not sure I fully understand your question - can you elaborate?

[@koustav2008]

EXCELLENT !!!

[@logankoshenka]

thank you!

[@1111Seraphim]

Creat tutorial : move your multiplier out of body ;)
var multiplier: CGFloat {
progressBarWidth / 100
}

[@logankoshenka]

yes! good call haha thanks

[@vladimirstepanov7246]

nice video)) thanks)

[@logankoshenka]

thank you!

[@halfoflemon]

"It works!" and bug appears right away, on 1% 😂