[FREE] Progresso: Progress Bar Extension - Create awesome linear and circular progress bars

The_K_Studio · May 11, 2024, 10:55am

loading-arrow512×512 17 KB

Progresso

An extension for MIT App Inventor 2.
Progresso extension to create linear and circular progress bars with customisations. Developed by The K Studio.

`🧩 Progresso`

An extension for MIT App Inventor 2.
Progresso extension to create linear and circular progress bars with customisations. Developed by The K Studio.

Specifications

Package: com.thekstudio.progresso
Size: 12.32 KB
Version: 3.0
Minimum API Level: 7
Updated On: 2025-04-26T18:30:00Z
Built & documented using: FAST v3.1.0

`Event:`

Progresso has total 1 event.

Completed

Completed_Event

Raised when the progress for given ID completes.

Parameter	Type
id	text

`Methods:`

Progresso has total 25 methods.

Create

Create_Method

Create a progress bar with the specified ID and initial progress.

Parameter	Type
id	text
progress	number
component	component

Update

Update_Method

Update progress for given ID.

Parameter	Type
id	text
progress	number

Clear

Clear_Method

Clear and remove the progress bar for given ID.

Parameter	Type
id	text

CustomText

CustomText_Method

Set custom text for given ID.

Parameter	Type
id	text
text	text

GetProgress

GetProgress_Method

Get current progress value for given ID.

Return type: number

Parameter	Type
id	text

IsLinearProgress

IsLinearProgress_Method

Set whether the progress bar type is linear or circular. Set to false for circular (default).

Parameter	Type
id	text
isLinear	boolean

MaxProgress

MaxProgress_Method

Set maximum progress for given ID.

Parameter	Type
id	text
max	number

MinProgress

MinProgress_Method

Set minimum progress for given ID.

Parameter	Type
id	text
min	number

ProgressStartColor

ProgressStartColor_Method

Set start color for given ID.

Parameter	Type
id	text
color	number

ProgressEndColor

ProgressEndColor_Method

Set end color for given ID.

Parameter	Type
id	text
color	number

BackgroundColor

BackgroundColor_Method

Set background color for given ID.

Parameter	Type
id	text
color	number

BackgroundWidth

BackgroundWidth_Method

Set background width for given ID.

Parameter	Type
id	text
width	number

ProgressWidth

ProgressWidth_Method

Set progress width for given ID.

Parameter	Type
id	text
width	number

StartAngle

StartAngle_Method

Set start angle for given ID.

Parameter	Type
id	text
angle	number

RoundEdges

RoundEdges_Method

Set round edges for given ID.

Parameter	Type
id	text
round	boolean

TextVisible

TextVisible_Method

Show or hide text for given ID.

Parameter	Type
id	text
visible	boolean

PercentageText

PercentageText_Method

Show percentage text for given ID.

Parameter	Type
id	text
isPercentage	boolean

TextColor

TextColor_Method

Set text color for given ID.

Parameter	Type
id	text
color	number

TextBold

TextBold_Method

Set text bold for given ID.

Parameter	Type
id	text
bold	boolean

FontTypeface

FontTypeface_Method

Set custom font from assets for given ID.

Parameter	Type
id	text
typeface	text

GetMinProgress

GetMinProgress_Method

Get minimum progress for given ID.

Return type: number

Parameter	Type
id	text

GetMaxProgress

GetMaxProgress_Method

Get maximum progress for given ID.

Return type: number

Parameter	Type
id	text

GetText

GetText_Method

Get text displayed for given ID.

Return type: text

Parameter	Type
id	text

AnimateProgress

AnimateProgress_Method

Animate progress from 0 to max for given ID over duration.

Parameter	Type
id	text
duration	number

Preview

IMG_20240511_1614121080×1719 131 KB

Download

v2.2 com.thekstudio.progresso.v2.2.aix (11.7 KB) - without ID

v3.0
com.thekstudio.progresso.v3.0.aix (12.3 KB) - with ID

Leave a like if its awesome

Bernardino_Corrente · May 29, 2024, 10:21am

HI,

How can I create a loading bar?

Good day

The_K_Studio · May 29, 2024, 4:36pm

Hi,

you have to select the "Type" property as "Linear" to create a linear progress bar (loading bar). By default it is set to "Circular".

Aziz_Erden · December 29, 2024, 11:15pm

Can we change the visibility of progress bar?

TIMAI2 · December 29, 2024, 11:25pm

Set the visibility of the containing arrangement ?

Aziz_Erden · December 29, 2024, 11:35pm

Thank's a lot. I didn't think that

Raphy · February 25, 2025, 11:50am

Hi, cool extension.. i keep getting this error when i test it in the companion. invoke: no method named `create' in class java.lang.Boolean

Kevinkun · February 25, 2025, 11:54am

Are you using the latest AI2Companion?

The_K_Studio · February 25, 2025, 11:57am

Also show us your relevant blocks.

Raphy · February 25, 2025, 6:15pm

I am using the latest version of the companion from google play store. This is the block:

and the error:
Screenshot 2025-02-25 191106

The_K_Studio · February 25, 2025, 6:18pm

Android version?
Can you also check in Apk?

Raphy · February 25, 2025, 6:41pm

android 14, the apk doesnt open on my phone but works on an emulator.

The_K_Studio · February 25, 2025, 6:53pm

Working fine up to Android 13, I didn't tested on Android 14. I will check.

Raphy · February 25, 2025, 7:21pm

Ok. Thanks

The_K_Studio · February 26, 2025, 4:01pm

I tested on Android Studio Emulator with Android 14, it is working fine. Try in a fresh new project.

Raphy · February 28, 2025, 7:05am

It works now. Thanks!!

Schist · March 1, 2025, 5:33pm

Hi! Is it possible to get the code blocks from the video (the one with slider) you posted here? Thanks a lot!

The_K_Studio · March 1, 2025, 5:41pm

Hi, there are no special blocks to create linear progress bar. It's the same, just set the progress type property to linear.

Schist · March 1, 2025, 6:09pm

How did you make it controllable by slider tho? thanks for replying!

The_K_Studio · March 1, 2025, 6:12pm

Simple!