[F/OS] 🔴 CircularProgress - Rotating Progress Indicator

:computer: Introduction

A non-visible extension that contains a circular running artifact that can be used to indicate loading.

:clock5: Version: 2

:package: Package name: com.gordonlu.circularprogress.aix

:date: Release date: 2022-04-18T09:00:00Z

:hammer_and_wrench: Built with: Niotron IDE

Here are some points you need to notice:

  • the container should only contain the circular progress, just like the RatingBar extension by AppyBuilder. If you have other components in the container, the circular progress bar will overlap the components.

  • set the height and width of the container to the desired height or width of the circular progress, the extension will automatically adjust.

  • each of the IDs of the circular progresses should be unique.

  • this extension only works if you have not set Theme of Screen1 to Classic

:open_book: Documentation



Creates a circular progress in the container. The container can be a vertical or a horizontal arrangement.

Parameters: container = component, id - number (int), color = color



Sets the color of the circular progress in the container, according to the given ID.

Parameters: container = component, id - number (int), color = color



Sets the visibility of the circular progress in the container, according to the given ID.

Parameters: container = component, id - number (int), visible = boolean

:camera: Blocks in usage

:+1: Credits

Thanks for @Anke for fixing bugs!

:inbox_tray: Downloads

AIX: com.gordonlu.circularprogress.aix (6.8 KB)

Progress_New.aia (8.5 KB)

JAVA: CircularProgress.txt (3.0 KB)

Made with Niotron IDE.

Kindly :email: PM me if you have any questions! Also, if you like my extension, please :heart: like it! It takes some effort for me to make it...

Likes tell me the general user feedback of my extension. If you read this extension, please take 20 seconds to drop by and give a like!

If you have any features that you want to add and you know the code, PM me or directly reply below using the image button.

If you find any :beetle: bugs, please reply below.

Gordon Lu

:speech_balloon: Message :earth_africa: Website :e-mail: E-mail


Why do you have three extensions in the aia? It could be confusing for users only wanting your extension.


And maybe add some example blocks or screenshots of the extension in use.

Woops, that was a mistake when I was testing the extension. Fixed it.

Ok, added it.

Please give us a screenshot of this extension. So I can understand if this extension meets my requirements or not.

The screenshot of demo blocks and the documentation is stated already.

No the screenshot of the demo. I want to see how the circle looks like.

It would be better (for learning purposes) if you would test it out by downloading the AIA. :slight_smile: Takes less than 30 seconds. It's just a simple extension.