LoadBar | Python Librairy for a loading bar in the console | Download Utils library

I have following problem. In my app users are able to upload images. I upload images with axios. To have a better user experience i want to make a loadingbar.

Looks like this:

I call this progress bar function when the page loads and with every eventListener in order to give users feedback when they interact with various inputs.

Problem: tt seems like the function is running "forever" when I console log (progressBar.style.width)

Here's my code:

HTML

I am building a website that has a loading page which shows a short load bar animation while the page loads. However, I discovered that this is played whenever that HTML page is clicked. I want to show the loading animation only when a person first enters a page and when they refresh the page! Can I set a jquery attribute to play the loading animation only once?

This is my code so far.

jQuery

I'm creating a GUI in Visual Studio which is going to fetch JSON data from an API to display in a text box, and I want it to be displayed formatted so it's readable.

I have tried to use the Newtonsoft.Json library to solve the problem, but it seems like it does not work on one liners of JSON and must take an object containing different types of JSON data.

I have a simple slideshow I made. It has a progress bar that indicates a simple 5 second timer (then it moves to the next slide). The bar has a strange black section that shows on it on chrome. I'm wondering why this is.

You can see the amazing code in action here...

https://codepen.io/Matiny/pen/pGEXGa

A screen clipping of the issue...

https://i.imgur.com/2BsnlA0.png

Here's a quick summary of what you're seeing...

I have 4 bars on absolute positioning. They are expanding and becoming visible thanks to a function that adds a class every 5 seconds.

I know that I can change the scaleX(50) to width: 50%, but that uses more browser resources.

Apparently, I have to also show my code with my codepen link, so here we go...

HTML

I implemented a loading bar that shows while my script is running in the background in a Google Sheets, almost all the elements used in CSS actually work properly, the only thing that doesn´t work is an image thats suppose to be in the center of the loading bar.

I found out how to actually implement the CSS in Google Appscript here CSS with Google App Script. But whenever I use background-image: url(myimage.png); there is no image shown in the loading bar.

CSS

I would like to have many devices testing a game, and I find the best way to debug a game and solve specific code problems is to have the device connected and in debug mode in Adobe ANIMATE, that way I can catch any Errors in the Output window.

For Example, if I am debugging and connected to Animate, the output window will throw errors like :

ReferenceError: Error #1065: Variable bg_storage is not defined. at global/flash.utils::getDefinitionByName() at Game/stageAdd()[/Users/**/Game.as:360]

Now I know exactly what the problem is and where to find it. I love errors like this.

My question : If I didn't have a device connected to Animate in Debugging mode, is there a way to make the game detect any errors thrown and store them as a String, that way I can put up a big text block on the game of the error string and keep track.

or at least a way to log them some how?

Ex : If an error is thrown, have that error text set as a String variable, then have a text box write out that String variable.

I hope that isn't too confusing. If I am going about debugging in a poor way, I would love to know what you guys do to keep track of errors without being connected to debug mode.

EDIT I can see an approach is you to add an uncaughtErrorEvent event to each function to be able to catch these errors...

loadbar.uncaughtErrorEvents.addEventListener(UncaughtErrorEvent.UNCAUGHT_ERROR ... )

I am trying to make it so any error thrown in any part of the game will trace that error somewhere to a String value that I can call, so that I can see any error thrown during a play test session without being connected to debug mode.

Thanks!

I'm using fragement actitivty ,but context error

I am using @keyframes to apply the animation on progress bar but it is causing issues with iphone 5s. What is happening is in iphone 5s when i try to scroll the data in window it doesnt scroll the window but scrolls the page behind it. so when i commented this code that doesnt happen. so trying to see if there is any other way to do this.