Adding progress bar and place holder for GUI

[richardissuperman]

currently we are adding UI components 1 by 1 and resize the window once everything is added. The whole process took 4-5 seconds which cause some laggy UI behavior in between (window keep resizing, elements added and re-position etc).

one idea is to utilize tkinter's progress bar and place holder to show a progress bar when adding all UI elements, and only show them once every loaded and shutdown progressbar while keep window size consistent from the get go.

@tancheng @yuqisun let me know what do you think about this idea can i implement the code soon today or tmr, thanks

[tancheng]

I didn't notice it has such long delay @yuqisun. @richardissuperman does that depend on the model complexity?

[richardissuperman]

I'm running everything by default btw, (running at my Mac pro 2019 maybe this is the reason? :()

I can make a screen recording later when i get back home

[richardissuperman]

[richardissuperman]

@tancheng @yuqisun please check above animation from my local run

[tancheng]

Might be related to IDE and remote access.

[richardissuperman]

I tried starting it from terminal but the same thing

[yuqisun]

Hi @richardissuperman , are you running with remotely accessing docker, IIRC, not sure if that's matter. I can share recorded gif from my end, looks much faster. Can you run UI from your local to see how's it going?

@tancheng How's it like in your machine?

[tancheng]

Laggy, but 1-2 seconds.

[yuqisun]

Suspect caused by Mac OS.

[richardissuperman]

I have done a simple demo of adding a loading screen and dismiss right after all UI components are loaded. @tancheng @yuqisun let me know what you think

[richardissuperman]

demo PR:

d570822

[tancheng]

Looks fantastic! Would there be a "running man" or sth similar or at least a "loading..." label?

[richardissuperman]

@tancheng can do that as well. shouldnt be a big chanllenge, just want check how do you guys think about this idea and whether i shall proceed with this.