Circular Progress Bar Animation | Figma Interactive Components

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

Комментарии • 31

  • @jaymcd8577
    @jaymcd8577 Год назад +5

    The best tutorial of it's kind on YT bookmark this one folks!

    • @ChinskDesign
      @ChinskDesign  Год назад

      Hi!😃 Thank you very much for the feedback! Comments like this motivate me to keep posting more tutorials! Share our channel with your friends🤩 Have a great weekend!

  • @agnidiptahomroy8656
    @agnidiptahomroy8656 12 дней назад

    Very very useful, thanks mate. Subscribed.

  • @emilyuxui
    @emilyuxui Год назад +4

    Thank you! I've been looking for this type of tutorial and this is the only one that was close to what I was trying to achieve :)

    • @ChinskDesign
      @ChinskDesign  Год назад

      Hi!😃 I’m glad to hear that, feedback like this makes me motivated to keep making more videos🤩 Thank you so much🙏 Which tutorial do you want to see here on the channel?😀 Have a great week!

  • @ЕленаМатвеева-ш6р
    @ЕленаМатвеева-ш6р 18 дней назад

    Thank you! A little bit slow, but informative.

  • @georgescreates
    @georgescreates Год назад +2

    Thank you for sharing this. I am using this type of animation for one of my videos. Thanks

    • @ChinskDesign
      @ChinskDesign  Год назад

      Hi!😃 I’m glad to help! Have a great weekend!

  • @simonlarragy9376
    @simonlarragy9376 2 года назад +2

    This worked out great. Thank you. I'm strating to get the hang of this

    • @ChinskDesign
      @ChinskDesign  2 года назад

      Hi!😃 I’m glad to help!🤩 Thanks for watching! Which tutorial do you want to see here on the channel? Have a great weekend!

  • @tkinginyellow
    @tkinginyellow Год назад +2

    such a missed opportunity of using sweep animation, I mean this is the first thing I tried and was very surprised it didn't work

    • @ChinskDesign
      @ChinskDesign  Год назад

      Hi!😃 Yes, so far this was the only way I tried and it worked. Have a great weekend!

  • @chiko14june
    @chiko14june 6 месяцев назад

    Using a mask for the first quarter ensures the component to be more flexible. The problem happens when you are asked to use a transparent or semi-transparent background

  • @MayanSantana-e8n
    @MayanSantana-e8n Месяц назад +1

    Thank you so much for this! Do you know how to make it keep spinning after reaching 100% of the progress bar? Like start it all over again in looping. Thank you!

    • @ChinskDesign
      @ChinskDesign  26 дней назад

      Hi! 😃 Thank you so much for the feedback! I'll try to record a tutorial about it. Did you achieve it?

  • @kabenla
    @kabenla 11 месяцев назад +1

    thank you so much!!!

    • @ChinskDesign
      @ChinskDesign  11 месяцев назад

      Hi!😃 I’m glad to help!🤩 What do you want to learn next?

    • @kabenla
      @kabenla 11 месяцев назад +1

      @@ChinskDesign I don't really use swap overlay that much. Would be nice to see some cool prototypes with it :)

    • @ChinskDesign
      @ChinskDesign  11 месяцев назад

      Nice!😃 I'll work on this! Have a great weekend!

  • @bimisha2040
    @bimisha2040 5 месяцев назад

    hi, why is rectangle there?

  • @OniiHvH
    @OniiHvH 5 месяцев назад +1

    4 seconds for a 1.48 Megabyte file would be horrifying

    • @ChinskDesign
      @ChinskDesign  5 месяцев назад

      😂😂😂 In the 2000s I already waited hours for a 5 Megabyte file 😅😅😅

  • @ErdemKirmitci
    @ErdemKirmitci Год назад +6

    Thank you for sharing this tutorial but you're doing it so slow, and you don't need to shake your cursor on every single action or button you click.

    • @ChinskDesign
      @ChinskDesign  Год назад

      Hi!😃 Glad to help! Thank you for the feedback! Have a great week!

  • @aybekaya
    @aybekaya Год назад +1

    Is there any fucking way to make the edges of the ba rounded and still be able to prototype it. because I'm gonna lose my mind.

    • @ChinskDesign
      @ChinskDesign  Год назад

      Hi!😅 You can add an ellipse on top of the border to simulate a round border. I'll try to make a tutorial for this. Let me know if it worked.

    • @jupestar
      @jupestar 8 месяцев назад

      @@ChinskDesign where would you place the ellipse within the layers? i've tried this and it just bounces around inside the circle lol

  • @AbhishekKumar-zf9bn
    @AbhishekKumar-zf9bn 2 года назад +1

    In your delete by swipe video tutorial
    I want to know that how can I delete all the messages one by one. Not in a single click. Please make a proper video on it. Please take it like a challenge.

    • @ChinskDesign
      @ChinskDesign  2 года назад

      Hi!😃 Thank you for watching!🤩 About the other tutorial, in this case you can repeat the same step by step for each message making all possible animation combinations. But don't worry I'll do this video tutorial to help you. Have a great week!

  • @akshatha.c.bharadwaj5390
    @akshatha.c.bharadwaj5390 2 года назад +3

    The video will be even great if u would choose to explain instead of pointing in cursor I've been following most of your contents in this platford which has good content but I'd firmly insist you to use explanation which shall be easy to grasp , Not everything would be clear just with video
    I'm sure U'll consider my suggestions.

    • @ChinskDesign
      @ChinskDesign  2 года назад

      Hi!😃 I’m glad to hear that!🤩 Thank you so much for the feedback, I will work on it! Thanks for watching, share the channel with your friends! I'm working to make the channel better and share much more knowledge. Have a great week!