Advice and answers from the Buildify Team help center

Circle Progress widget is used to set animated progress (loading) bar representing a given percent value.

Content Settings

for Circle

  • Value - set the value of progress.
  • Suffix - set the suffix (for example, percents).
  • Value position - choose where to place the value (inside or below the circle).
  • Suffix position - choose where to place the suffix (after or before the value).
  • Suffix vertical alignment - choose vertical position of the suffix.
  • Reverce animation - if you want to change animation direction.
  • Easing - choose animation type.
  • Duration - set duration of the animation (from the highest to lowest speed).
  • Start angle - choose at w hat position your animation will start.
  • Appear offset - specifies the offset, relative to when the widget enteres the viewport, after which the animation starts.

for Text

Edit text with a simple text editor.

Style Settings

for Circle

  •  Set up the size of the circle.
  • Set up the thickness of the circle.
  • Choose line capacity (it can be butt, round and square).
  • Choose the color of the circle.
  • Set up the gradient angle.
  • Choose the color for empty part of the bar.

for Value

  • Color - choose the color of value and suffix.
  • Typography - set size, font, style, letter spacing, etc.

for Text

  • Color - set text color.
  • Typography - set size, font, style, letter spacing, etc.

Advanced Settings

  1. Element Style (margin, padding, entrance appearance).
  2. Background & Border (type, radius, box shadow).
  3. Responsive (hide or show it on a desktop, tablet, mobile).

Did this answer your question?

Contact Us
Chat