From the course: Learning Adobe XD

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Progress bar

Progress bar - Adobe XD Tutorial

From the course: Learning Adobe XD

Start my 1-month free trial Buy for my team

Progress bar

“

- [Instructor] As you have seen, auto anime lets you create some rather interesting experiences. What I really like about auto anime though is it gives you the ability to create some rather slick widgets, such as progress bars that show loading progress and sliders that interact with content on the screen, which just happens to be the subject of this exercise. Let's get started. And to get yourself started open the progress file found in your chapter download. When the file opens you're going to see four art boards, and these first two are for a progress bar and these next two are going to be a slider. We got the state of the progress and the end state and the start state of the slider and the end state of the slider. We'll start with the progress bar. We're going to just right here. And the intention here is to show the progress of the increase in the images opacity. The first thing I'm going to do is I'm going to…

Contents