Question

To my knowledge, there can be two possible ways to design this:

1. Using a gif file. Once the Save button is clicked, it should show the “Saving…” gif file on screen for a few seconds(delay is hardcoded) and then the process of saving the record to the database should start. Ideally Speaking, this would lessen the performance as it takes time for both Animation delay + Saving the record.

2. Multithreading. Saving a record and animation should be done parallel.I do not have any idea about how to do this.

Which is possible?

Kindly, share some information and code snippets. Also, post any other idea which can resolve this.

Thanks in Advance

Answer 1

i think first one is better..
put the below code in page then when clciking the button load the corresponding div id.

        <div id="divLoading" class="loading-div">
            <img id="imgLoading" class="loading-img" src="images/loading.gif"" />
            <span>Just a moment...</span>
        </div>