Make my drag and drop JS save on the database of WP

General information for the website: Make my drag and drop JS save on the database of WP
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: Hey guys we are working on a Wordpress site.

And we created a drag and drop feature where in user can drag and drop images.

Here's what it looks like: http://prntscr.com/euiah0
Description of requirements/features: However we have a few tweaks to do:

1. Make the four boxes in two lines. that would be two boxes per line...

2. Change the color of the progress bar into green stripe color like: http://webtoasts.com/wp-content/uploads/2016/09/f4sAG.png

3. Remove the submit button. We don't need this. We want the images to be automatically be save to the WP database when they upload this image.

4. Automatically save the uploaded images on the WP Database so when they upload it, it must be automatically be uploaded even when I login and logback it must retain

5. Teach me how to install this script for the whole drag and drop box on other site.
Specific technologies required: Wordpress
Extra notes: