soundcloud-waveform | soundcloud-like players | Media Player library

I'm trying to manage to apply an generated image of an audio graph for every div that a music url is found with a Google Chrome Extension.

However, the process of downloading the music from the url and processing the image, takes enough time that all of the images keep applying to the last div.

I'm trying to apply the images to each div as throughout the JQuery's each request. All the div's have the /renderload.gif gif playing, but only the last div flashes as the images finished processing one by one.

Example being that the src is being set to /renderload.gif for all 1,2,3,4,5

but once the sound blob was downloaded and image was generated, only 4-5 gets the images and it continues on loading the queue, repeating the issue.

Here's an example of what I'm trying to deal with.

Here's my latest attempts to add queueing to avoid lag by loading all the audios at once, but it seems the issue still persists.