Hello, in this video, I am going to show you how to implement a linear progress indicator. So a linear progress indicator essentially is like a little ball that just allows you to provide some information to the user of, let's say the progress of it. So maybe you are loading or downloading a file for the user, instead of them just waiting for it to download. And they don't have to take five seconds or five minutes, you provide something indicating just having essentially a bar that you know goes from zero to 100 is a great way of doing that and the speed of this box, obviously up move it, I'm going to cover how to implement it in here. What I want you to do with an extra task is two things one, get it so essentially animates after you know, X amount of time to work the timing, and to implement a slider you can check out the slider video and for attaching to it.

So when you move slider, the linear progress indicator news as well. But let's just get right down to what we want to do here. So this idea of the child of yours and blue child and the linear progress indicator, and in here, we can put a value so let's say for a value of zero for now, we can do a background color, background color on the colors. Let's do one by one. Next we are going to do not really much else to it but to show you the value color. And what we're going to say for this one.

Let's look at the value colors to sorry, value color unique. Always stopped animation and the killer You put colored dots within the blue, blue. So if I say that you see Oh yeah, so we get this part, it's Amber. And that's because we've got no progress above 50, which is pathway. As you can see, we don't we do not want them do a cognate Iran in between zero and one, not zero to 100. Obviously you can normalize it using an algorithm to do that.

So if you have a value that gives you let's say 50, you just divide by 100. If it is between zero and one, that's really all there is to it. And so if I did 0.89, it would be 89%. As you can see, we can exactly measure it, but trust me it is 89% of the way in law and that's really all there is to a linear progress indicator. To, like I said, add an extra test only to animate it. And obviously you can check out the animation video as well and attach it to a slide as well moving the slider, the linear progress indicator will move as well.

Apart from that, not much more to it. If you have any questions, feel free to drop me a message and as usual, I look forward to seeing you in the next video.