How To Create Animated Progress Without Extension

Guides Resources
,
1

Hello Koders In This Tutorial I Will Show You How To Make A Animated Progressbar Without Extension. Have A Good Day

Components Requires :-

1
1276×127 10.7 KB

use second cardview in 1st cardview

Cardview 1 Properties :-

2
2279×747 29.9 KB

Cardview 2 Properties :-

3
3275×749 30.3 KB

Blocks Used

blocks (5)
blocks (5)611×233 13.7 KB

I have used slider to set cardview 2 width

Demo


(sorry for background audio)

APK Link

progress.apk (5.0 MB)

12 Likes
2

Very helpful
U r creating really helpful and amazing guides keep up the good work :heart:

1 Like
3

thank you very much friend

1 Like
4

Nice Guide :victory_hand::victory_hand::tada:

1 Like
5

Thanks @themaayur

1 Like
6

Screenshot_20200710-135913
Screenshot_20200710-135913720×1560 43.5 KB

I have found a bug for you..
What about this :grin:

7

It is not responsive.
the height is in pixels not in percents

1 Like
8

Just a Suggestion
Try to make it responsive, if anyone implement this in their app then it may spoil the UI.

1 Like
9

Hmm, Yes You Are Right. I will do it

10

Wonderful work!

1 Like
11

Wonderful Guide

1 Like
12

Thank You Very Much @Soham_Shah and @rizu

14

This Is Getting Off Topic PM Me

15

I did Something new using this logic
https://kodular-community-uploads.s3.dualstack.eu-west-1.amazonaws.com/original/3X/3/6/368c4c27ac8f2fd473a8bcc54879e5af4caf305f.mp4

blocks (7)
blocks (7)500×448 35.6 KB

Thanks @Soham_Shah For Your Suggestion

1 Like
16

Nice guide :partying_face: :partying_face: @Vedang

1 Like
17

Thank You Very Much @Xoma

1 Like
18

I have a question:
Should you set the slider max value to card view_1.width? Just curious :thinking:

19

Why did you choose to flag his post in the first place and now you are thanking him for the suggestion.. :thinking:

2 Likes
20

he changed his mind maybe?
idk
ok this is off topic too. you may flag me now