网站订单状态的包裹追踪小部件

我们需要为我们的网站构建一个追踪小部件，以便客户可以在不每次联系支持的情况下检查他们包裹的状态。访客在一个简单的表单中输入订单或追踪号码，并立即看到货物当前的状态，以可视化进度条显示，清晰的阶段包括订单已下、已打包、已发货、运输中、派送中和已送达。

该小部件应根据计划自动从我们的快递公司获取状态更新，无需任何人手动刷新数据，并在合理的延迟内反映页面上的变化。当阶段变化时，客户可以选择接收通知，例如通过电子邮件或在他们的账户内，这样他们就不需要不断检查页面。可视化风格应与我们现有的网站相匹配，并在桌面和移动设备上都能良好运行。

我们愿意讨论根据我们使用的快递公司，哪种集成方式最合适，并希望解决方案在以后添加新快递公司或追踪阶段时易于扩展。

我们对结果的期望：
— 具有格式验证的追踪或订单号输入字段
— 带有图标或标签的水平阶段指示器
— 通过轮询或Webhook的自动状态刷新
— 阶段变更时的可选通知
— 与当前设计匹配的响应式布局
— 清晰处理无效或未找到的号码