Start a free Courses trial
to watch this video
In this video Nick Pettit introduces the most recent Forum Contest Topic, Create a Progress Bar.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upWell hey, everybody, I'm Nick Pettit, @nickrp on Twitter. 0:00 And in this week's Forum Contest you're 0:04 gonna be creating progress bars and loading animations. 0:06 So here I have pulled a couple of examples from CodePen. 0:11 This is actually one that I created a little 0:14 while ago That features some glowing progress bars right here. 0:16 So you can see just where you're at in this process. 0:21 Here we have a similar one that I made that actually uses dots instead of bars. 0:25 Here's one more example that uses a radial Animation here. 0:31 Actually it doesn't animate but you can create symbols like this. 0:36 if you don't want to create an animation that's fine too. 0:40 Finally we have one last example. 0:43 It's actually using the HTML 5 progress element and it's 0:46 animating these progress bars here. So you can create whatever you like. 0:51 It can be a. Progress bar or a loading animation. 0:56 Basically just something that shows progress, or that something 1:00 is happening on a theoretical website or web application. 1:04 So something like these examples, or some. 1:09 Thing of your own creation. 1:12 In this contest we are going to be judging based on 1:13 code and design and we'll give a few bonus points if you use the progress element. 1:16 It's not required but it would be cool to see it in use. 1:21 You can use HTML, CSS, and JavaScript in any combination that you'd like 1:25 and you can also use any kinds of plugins or frameworks that you'd like. 1:29 However, originality will count for some points as well. 1:34 So if you'd like to enter this contest, be sure to read the details 1:37 below this video very carefully, and good luck. 1:41
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up