Adjustable and scalable progress bar component (Figma)

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

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

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

    Be sure to subscribe and hit the notification icon!
    It really helps the channel grow and motivates me to keep on investing on the channel.

  • @mr94KI
    @mr94KI 2 года назад +3

    Min 3:19 - then, if you scale the bar it does not reflect 50 % anymore. It keeps the padding at the same value. Do you know a scalable way to solve the problem?

    • @AMDesignAndDev
      @AMDesignAndDev  2 года назад +1

      Hey bro, Figma does not support percentage based padding/sizing right now, so would be hard.
      But a quick solution is, to actually scale.
      You may be resizing right now. In order to scale, scale it to whatever with you want using the scale tool. (Shortcut key = K).
      That will also increase the height, but since you're probably using border radiuses etc, you can just reduce the height then just by a simple resize to what it was before, and everything should work fine.

  • @aderonx
    @aderonx 3 года назад +2

    Awesome, thanks so much for this!

  • @eternityis333
    @eternityis333 3 года назад +1

    THANK YOU!!!! I needed this today :)

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

    Pls I was lost during the full container I can’t get mine to fill the container

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

      Make sure it has a surrounding auto layout container

  • @n3ff848
    @n3ff848 День назад

    These are not scalable.