My Progress bar doesn't work online

My experiment’s URL:
Url: rating2 [PsychoPy]

I use:
OS (Win11)
PsychoPy version (2022.2.5)

What are you trying to achieve?:
I created a progress bar in my experiment that works completely fine locally. I get the following error message when I run it online:

*What did you try to make it work?:
I thought that the problem could be related to defining the variables in JS. Here are the codes

I have no idea what might be the problem and how to fix it.

Why are those code components set to Both?

I changed it, as you can see in the screenshots. The experiment now runs fine online but the progress bar is not working. It appears like a black rectangle that doesn’t change the size to reflect the progress in the experiment. I don’t know how to define the variables in JS to make it work. Would you please let me know how to change the codes?

I believe that the problem is related to this part:

Use Auto code components whenever possible.

Add print('innSize',innSize) in Begin Routine to check .

Make sure the code component is above the image component.

Now I get this error

What line gives the error?

print is a Python command.

The JS equivalent is console log but it’s much easier and less error prone to programme in Python auto translate code components than directly in JS. The Auto translate effectively checks your syntax so you are less likely to have typos.

Yea, I did that too and I got the same error.

Any ideas on how to solve this issue? @wakecarter

What is “out”? You are trying to get it’s size and it hasn’t been defined (in JS).