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.
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".
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.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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.
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 Addclass="active".Websocket is easier to exchange data
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.