1 00:00:00,060 --> 00:00:01,230 So let's get started with that. 2 00:00:01,770 --> 00:00:17,840 So basically what we're going to do, so I'll give this OK, so the first round of the Surbiton managed 3 00:00:17,840 --> 00:00:21,250 to be the run server. 4 00:00:22,250 --> 00:00:28,210 OK, so basically we are we were working on progressiva and we were supposed to make progress, but 5 00:00:28,210 --> 00:00:31,140 also in this to our dynamic progress. 6 00:00:31,200 --> 00:00:37,250 But like the previous record, we are we are Agadir responsive table now. 7 00:00:37,260 --> 00:00:38,680 We are going to progress bar. 8 00:00:39,000 --> 00:00:44,850 So initiatory we're going to our Dynamic Progress Bar and see how we can count towards using progress. 9 00:00:44,870 --> 00:00:48,940 But this is what we are going to do in DISTRIBUTER, so let's get started with it. 10 00:00:49,800 --> 00:00:54,240 So basically so I looked over and over and over. 11 00:00:55,000 --> 00:01:02,150 OK, so to navigate to the voting I slash voting app. 12 00:01:02,580 --> 00:01:06,360 OK, so, so here's our app. 13 00:01:06,360 --> 00:01:07,940 So we have a dessert table. 14 00:01:08,460 --> 00:01:16,520 So what we can do, we will make both first the first computer table, then we will move to the progressive 15 00:01:16,710 --> 00:01:17,140 Bukit. 16 00:01:17,730 --> 00:01:18,900 So this is a table. 17 00:01:19,980 --> 00:01:24,130 OK, so thus we have to add a scoop. 18 00:01:24,480 --> 00:01:26,580 So basically we have a table. 19 00:01:26,880 --> 00:01:32,370 So we have to, we have to add a scope so we shall do it with header. 20 00:01:32,610 --> 00:01:34,510 So basically we are going to define that. 21 00:01:34,530 --> 00:01:35,340 It will header. 22 00:01:35,760 --> 00:01:37,860 This is the people we are going to define. 23 00:01:38,160 --> 00:01:40,140 Then we are going to define the table quality. 24 00:01:40,750 --> 00:01:46,360 OK, so this is or this all is the header part and this all is the modifier. 25 00:01:46,890 --> 00:01:48,330 OK, so let's get started. 26 00:01:48,360 --> 00:01:55,290 So we have to we have to add a class called the and the score then will make the header. 27 00:01:55,320 --> 00:02:02,010 OK, so this is so make sure this is up here. 28 00:02:02,010 --> 00:02:07,880 You can see there is a single roll so quickly expand this, this is table then better than a row. 29 00:02:08,190 --> 00:02:09,790 Now we have to find the order. 30 00:02:10,620 --> 00:02:13,680 So this is table and it is OK. 31 00:02:15,030 --> 00:02:24,690 This is going to call then and you can say anything abashiri. 32 00:02:24,690 --> 00:02:25,170 No. 33 00:02:25,660 --> 00:02:26,520 Like this. 34 00:02:27,250 --> 00:02:29,240 Then again it will explode. 35 00:02:29,280 --> 00:02:32,880 We will call then language. 36 00:02:34,740 --> 00:02:36,840 OK, language. 37 00:02:38,340 --> 00:02:39,410 Then what. 38 00:02:39,420 --> 00:02:47,370 We are going to find table at that school is will call then found both. 39 00:02:47,640 --> 00:02:48,870 What's ok. 40 00:02:49,560 --> 00:02:50,260 Simply I. 41 00:02:51,810 --> 00:02:55,600 And so now I'll refresh the page. 42 00:02:55,600 --> 00:02:55,890 Yet 43 00:02:59,250 --> 00:03:08,320 here you can see I have a language, no language and tone so I can Bolsheviki so here you can see because 44 00:03:08,370 --> 00:03:09,270 of the nature. 45 00:03:09,840 --> 00:03:15,220 OK so I have no language and go. 46 00:03:15,450 --> 00:03:17,440 OK so this looks fine. 47 00:03:17,850 --> 00:03:26,170 So what we're going to do so first non-annex we are going to do is the data. 48 00:03:27,120 --> 00:03:27,490 OK. 49 00:03:27,510 --> 00:03:32,400 So we are going to add data rule-based so part of you are going to do this. 50 00:03:32,400 --> 00:03:33,270 A table roll. 51 00:03:33,570 --> 00:03:40,140 OK, so, so first is the table data again. 52 00:03:40,140 --> 00:03:41,040 A table data. 53 00:03:43,760 --> 00:03:50,210 So this goes on for the first number, then language, then this is going to progress. 54 00:03:50,570 --> 00:03:58,860 OK, so so far this year, so basically we have to add this all this dynamic. 55 00:03:59,360 --> 00:04:06,530 So what I'm going to do and for basically I'm going to add a follow up it. 56 00:04:07,940 --> 00:04:10,600 So follow pulser forward. 57 00:04:11,340 --> 00:04:13,820 OK, so basically I look to my work. 58 00:04:13,840 --> 00:04:13,960 We. 59 00:04:16,010 --> 00:04:20,830 So we are ending up in even using Google. 60 00:04:21,180 --> 00:04:23,590 OK, so Google it is a dictionary. 61 00:04:25,070 --> 00:04:32,500 So basically what we have to do for people value this could be anybody willing for equal value in global 62 00:04:32,540 --> 00:04:34,580 commerce dot items. 63 00:04:35,120 --> 00:04:43,560 OK, so this in this way that first we are going to have the key, then the value in global conduct 64 00:04:43,560 --> 00:04:44,130 items. 65 00:04:44,420 --> 00:04:45,820 So this will do OK. 66 00:04:46,250 --> 00:04:53,780 And now I look key then for this one value. 67 00:04:55,110 --> 00:05:05,240 OK, and for this I say follow this to follow also. 68 00:05:10,120 --> 00:05:11,000 On the. 69 00:05:18,090 --> 00:05:19,750 So live in the bay. 70 00:05:21,450 --> 00:05:23,460 OK, so this looks fine. 71 00:05:23,480 --> 00:05:24,820 So let me ask this. 72 00:05:24,830 --> 00:05:32,000 I'll make a language BHP saying you're going to see no one language found one. 73 00:05:32,030 --> 00:05:33,570 OK, so let me go. 74 00:05:33,590 --> 00:05:41,510 Jawa and I have OK, I have some issues with the rules not done properly. 75 00:05:46,120 --> 00:05:48,890 OK, I had to put all this inside a table drawer. 76 00:05:50,520 --> 00:05:52,240 OK, so now this rule. 77 00:05:57,550 --> 00:06:02,320 When I read the script, I had this dialogue I was with the counselor to come to. 78 00:06:05,470 --> 00:06:14,380 Yeah, no, it's perfectly fine now I have language count one and count to ten year, OK, so here you 79 00:06:14,380 --> 00:06:27,220 can see even ability that again by 10 three and you can see three then or so you can see in the python 80 00:06:27,220 --> 00:06:27,710 is full. 81 00:06:28,330 --> 00:06:29,370 So this feels good. 82 00:06:29,650 --> 00:06:31,320 So we'll know how the progress. 83 00:06:31,330 --> 00:06:35,470 But so far for the progress bar what we do. 84 00:06:39,940 --> 00:06:47,530 OK, so we can't like these other programs, but so we can have adequately given all on the progress, 85 00:06:47,540 --> 00:06:59,400 but so so you can see the background, multiple bath bars animated so you can use like any. 86 00:06:59,800 --> 00:07:02,370 So even here you can see from an animation. 87 00:07:02,620 --> 00:07:06,120 OK, so here it is, moving a little bit of moving shapes. 88 00:07:07,230 --> 00:07:15,220 OK, here you can see this is again a class of colors in which you have blue green warning danger. 89 00:07:15,250 --> 00:07:20,960 So you can see like the same cloth on the button as well. 90 00:07:20,980 --> 00:07:24,640 Danger warning in the corresponding colors. 91 00:07:24,670 --> 00:07:28,660 OK, so let's add on a progressive one here. 92 00:07:28,900 --> 00:07:30,340 So let's take this one. 93 00:07:33,380 --> 00:07:40,010 OK, so basically in the part of value, we are going to order regrets about this 94 00:07:42,950 --> 00:07:45,220 now and there is a code in it. 95 00:07:45,620 --> 00:07:53,720 Yeah, so so basically refresh the page, but there is no such dynamic. 96 00:07:54,110 --> 00:07:57,050 So everything is full, so I'll make it dynamic. 97 00:07:57,380 --> 00:08:05,200 So what are you going to do so like so basically here you can see the progress. 98 00:08:05,990 --> 00:08:11,490 I'll show you one thing I can tell you so it will show how I rendered the code. 99 00:08:12,080 --> 00:08:14,190 So this was always a work? 100 00:08:14,420 --> 00:08:18,980 Yes, there is a table, but so the data has been coming dynamically. 101 00:08:19,010 --> 00:08:27,720 They will as one then language BHP debilitative within Hezbollah and like this is the game coming dynamically. 102 00:08:28,100 --> 00:08:29,600 So I will show you one thing. 103 00:08:29,600 --> 00:08:36,710 If I inspect element, OK, and I show you another another view. 104 00:08:37,970 --> 00:08:39,680 OK, so here you can see. 105 00:08:44,150 --> 00:08:51,700 Can you see the difference if I reduce the 60 percent, the victim has been reduced? 106 00:08:51,720 --> 00:08:52,080 OK. 107 00:08:52,410 --> 00:08:55,550 Specifically referring to the way Michael Jackson is pointed. 108 00:08:55,920 --> 00:08:59,960 So when I reduced to 50, it almost becomes half. 109 00:08:59,970 --> 00:09:01,000 Yes, it is half now. 110 00:09:01,650 --> 00:09:07,060 Then again, the way I'm reducing the progress of that book. 111 00:09:08,070 --> 00:09:08,810 So this is good. 112 00:09:09,270 --> 00:09:12,000 So now what we can do so. 113 00:09:12,130 --> 00:09:18,200 So basically what I want to do, that style of has the value hit value. 114 00:09:20,800 --> 00:09:21,050 OK. 115 00:09:22,350 --> 00:09:25,580 And even here you can type value. 116 00:09:26,070 --> 00:09:29,500 So this will show the value in numbers and the figures for. 117 00:09:32,320 --> 00:09:42,450 OK, so to speak, so here you can see I have one, two, six, OK, so let me ask you more in BHP, 118 00:09:42,460 --> 00:09:43,810 BHP, OK. 119 00:09:43,930 --> 00:09:46,260 So basically know you can see do OK. 120 00:09:46,300 --> 00:09:53,070 And I decided, OK, so here you can see this, this has become three. 121 00:09:53,720 --> 00:10:02,590 OK, now five six right then. 122 00:10:02,590 --> 00:10:05,770 Yes, seven in the same, the same goes for the fight. 123 00:10:05,770 --> 00:10:08,200 Then I'll make a submission. 124 00:10:09,100 --> 00:10:09,400 Yeah. 125 00:10:09,590 --> 00:10:11,210 You can see the python at seven now. 126 00:10:12,450 --> 00:10:20,410 OK, so now eight, nine and 11, 12, 13, 14, 15, 16, 17. 127 00:10:20,500 --> 00:10:22,560 OK, so this looks pretty good. 128 00:10:22,960 --> 00:10:31,300 So even next time we'll try to add that if you like, if you're seeing like these are the kind of words 129 00:10:31,300 --> 00:10:37,720 and if there are so many languages met someone of the C, C will have one word. 130 00:10:38,060 --> 00:10:50,320 OK, then again, then again of BHP, C++, if you want to compare these languages and if you want to 131 00:10:50,320 --> 00:10:58,570 sort them all out, like if we want to see among among the languages on the top three a whole, we can 132 00:10:58,570 --> 00:11:03,300 sort them, tell you how we can solve them in the next room, the next list. 133 00:11:03,400 --> 00:11:03,760 Thank you. 134 00:11:03,790 --> 00:11:04,540 Thank you so much.