javascript - How does this process progress bar link with back-end data? O(∩_∩)OThank you!

Question

At which step does the back-end data processing status reach? The current status turns blue

Answer 1

When you get the data, the background will give you a status field. If the status field returns 1, and the status corresponding to 1 is processed, you can just set the first two to blue.

Answer 2

There is a status value on the backend data, such as status, which indicates the current step. Each step node on the front-end page has two states, normal state (gray) and activated state (blue, with activeCSS class), and then through the status value of the back-end, all steps before the status value of the front-end are Add class="active".

Answer 3

Websocket is easier to exchange data

Answer 4

One solution is to have five pictures with different progress. Read data from the backend and display a picture of the current progress based on which step the data has reached.