为减少用户的等待时间，让用户更明确的知道智能体在干什么，我制作了进度条展示部分，以提升用户的体验度。
我们在最开始的前端页面中的上方有一个进度条，但是考虑进度条太笼统，只有一条线，用户等待时间太长且无法具体知道智能体进展到那一步，我首先把上方的进度条指令进行了删除，并且删掉了css相关样式的定义与js的触发定义，即对蓝色部分进行了删除。
我开始定义新的进度条展示方式，应该在用户回答完智能体最后的问题后显示智能体的工作，我选择将其的位置放在智能体回复框中，同时因整体页面为绿色，我选择将进度条的颜色也设为绿色，同时我选择在进度条上方展示文字说明，明确告诉用户现在智能体在干什么。
前面提到，我计划在用户回答完智能体所有问题后展示，即触发位置在最后一次交互之后进行，我在js上进行嵌入，这里我设置的是逐个显示进度条，显示完第一个步骤后显示第二个步骤。
因为我设置进度条的目的是为了减少用户的等待时间，所以当智能体收到用户多次输入之后，应该首先拼接传给后端，然后再展示进度条，而不是等进度条展示完毕后再传入后端。
最后效果如下：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
