Lorsque vous obtenez les données, l'arrière-plan vous donnera un champ de statut. Si le champ de statut renvoie 1 et que le statut correspondant à 1 est traité, vous pouvez simplement définir les deux premiers en bleu.
Il existe une valeur de statut sur les données back-end, telle que le statut, qui indique l'étape en cours. Chaque nœud d'étape sur la page d'accueil a deux états, l'état normal (gris) et l'état activé (bleu, avec activeCSS类），然后通过后端的status值，将前端所有在status值之前的步骤全部加上class="active".
Une solution consiste à avoir cinq images avec des progrès différents. Lisez les données du backend et affichez une image de la progression actuelle en fonction de l'étape atteinte par les données.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Lorsque vous obtenez les données, l'arrière-plan vous donnera un champ de statut. Si le champ de statut renvoie 1 et que le statut correspondant à 1 est traité, vous pouvez simplement définir les deux premiers en bleu.
Il existe une valeur de statut sur les données back-end, telle que le statut, qui indique l'étape en cours. Chaque nœud d'étape sur la page d'accueil a deux états, l'état normal (gris) et l'état activé (bleu, avec
activeCSS类），然后通过后端的status值，将前端所有在status值之前的步骤全部加上class="active".Websocket est plus facile à échanger des données
Une solution consiste à avoir cinq images avec des progrès différents. Lisez les données du backend et affichez une image de la progression actuelle en fonction de l'étape atteinte par les données.