javascript - Comment cette barre de progression du processus est-elle liée aux données back-end? O(∩_∩)OMerci !

Question

À quel stade atteint l'état du traitement des données back-end, l'état actuel devient bleu

Answer 1

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.

Answer 2

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".

Answer 3

Websocket est plus facile à échanger des données

Answer 4

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.