<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #progressBar{ width: 600px; height: 50px; position: relative; margin: 50px 0 0 100px; } #progressBar .div{ width: 100%; height: 5px; position: absolute; top:44%; left: 0; margin-top:-20px; border:1px solid #ddd; background: #ccc; } #progressBar .div span{ position: absolute; display: inline-block; background: #ED5565; height: 5px; width: 50%; } #progressBar>span{ position: absolute; top:0; margin-top: -10px; width: 25px; height: 25px; border:2px solid #ddd; border-radius: 50%; background: #ED5565; margin-left: 0; color:#fff; } #progressBar>span:nth-child(1){ left: 0%; } #progressBar>span:nth-child(2){ left: 25%; background:#ED5565; } #progressBar>span:nth-child(3){ left: 50%; background:#ED5565; } #progressBar>span:nth-child(4){ left: 75%; background:#ccc; } #progressBar>span:nth-child(5){ left: 100%; background:#ccc; } #progressBar p{ text-align: center;font-size: 12px;padding: 0;margin: 0; } </style> </head> <body> <div id="progressBar"> <!-- 进度条 --> <div class="div"> <span></span> </div> <!-- 五个圆 --> <span></span> <span></span> <span></span> <span></span> <span></span> <div class="subBar" style="position: absolute;left: -3%;top:22px"> <p>订单下达</p> <p>20.7/11/29</p> </div> <div class="goodsBar" style="position: absolute;left: 22%;top:22px"> <p>订单确认</p> <p>20.7/11/29</p> </div> <div class="goodsBar" style="position: absolute;left: 47%;top:22px"> <p>订单完工</p> <p>20.7/11/29</p> </div> <div class="goodsBar" style="position: absolute;left: 73%;top:22px"> <p style="color: #ccc">订单开船</p> <p></p> </div> <div class="goodsBar" style="position: absolute;left: 96%;top:22px;width: 80px"> <p style="color: #ccc">订单到港</p> <p></p> </div> </div> </body> </html>
相关推荐
外卖订单状态app UI 界面设计sketch素材下载 app ui界面设计、sketch、timeline、ui界面设计、地图导航、订单状态
按日期统计一段时间内商品订单状态 九、支持订单优惠券。优惠券抵减相应订单金额的功能。。 Shop7z网上购物系统旗舰版更新: 更换全新编辑器,改为KindEditor作为默认编辑器 更新图片上传代码并有效检测...
前台 ...2.用户中心,填写收货地址,电话和...5.订单模块:查看订单 取消未支付订单 确认收货(改变订单状态就行) 后台 1.登录界面:管理员登录 2. 图书管理:添加商品,删除商品 3. 订单管理:根据用户账号查询订单,发货
支持支付宝、微信支付等多种常用接口,电脑版与手机版与APP无缝结合数据一体!...订单方面设计完美,如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的导航可以设置首页类别商品在首页显示的位置及状态
支持支付宝、微信支付等多种常用接口,电脑版与手机版与APP无缝结合数据一体!...订单方面设计完美,如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的导航可以设置首页类别商品在首页显示的位置及状态。
支持支付宝、微信支付等多种常用接口,电脑版与手机版与APP无缝结合数据一体!...订单方面设计完美,如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的导航可以设置首页类别商品在首页显示的位置及状态。
1、按订单状态、编号、备注等多种方式查询订单 2、按店铺名称查询 3、锁定查询范围,快速查询 4、会员信息查询订单 5、订单导出word、导出excel 6、订单状态及基本信息管理 7、订单备注管理(支持不同备注图标...
如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的导航可以设置首页类别商品在首页显示的位置及状态。 Shop7z购物系统支持一个商品分属多个分类功能,这对于某些行业的分类是很适用的,还支持淘宝数据批量...
支持多级商品分类划分功能,可以方便的划分各商品类别的上下级关系,支持新订单邮件自动通知功能,支持单商品多分类展示功能,订单方面设计完美,如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的导航可以...
订单方面设计完美,如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的导航可以设置首页类别商品在首页显示的位置及状态。 Shop7z购物系统支持一个商品分属多个分类功能,这对于某些行业的分类是很适用的,还...
普通用户可以针对某一本书进行放入购物车、查看详细信息、查看留言等操作,在结算中心,系统为用户创建当次购书订单,默认为“未结”状态。同时系统为普通用户提供订单管理操作,方便用户查看订单,并可以针对以前的...
如支付宝、网银在线、财付通等接口,支持多级商品分类划分功能,可以方便的划分各商品类别的上下级关系,支持单商品多分类展示功能,订单方面设计完美,如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的DIY...
订单方面设计完美,如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的导航可以设置首页类别商品在首页显示的位置及状态。Shop7z购物系统支持一个商品分属多个分类功能,这对于某些行业的分类是很适用的,还...
3. 外卖订单模块:用户浏览菜品、下单、支付、评价等操作,商家查看订单、处理订单状态等功能。 4. 配送员模块:配送员注册、抢单、取餐、送餐、结算等功能。 5. 地图导航模块:为用户提供实时地图导航,方便用户...
如支付宝、网银在线、财付通等接口,支持多级商品分类划分功能,可以方便的划分各商品类别的上下级关系,支持单商品多分类展示功能,订单方面设计完美,如支持订单模糊查询、订单状态的编辑及打印等功能,灵活的DIY...
3. 订单管理:用户可实时查看订单状态,包括待接单、已接单、配送中、已完成等。 4. 跑腿员匹配:系统根据订单信息与跑腿员位置进行智能匹配,确保快速送达。 5. 实时导航:跑腿员可通过小程序内置地图导航功能,...
二、支持按订单状态查询,可以选择6种不同的订单状态查询订单 三、支持订单后期编辑修改。可以对订单进行修改。如对订单中商品的价格、数量进行修改;也可以删除订单中的某一商品,系统会自动重新统计订单金额...
系统自动跟踪订单状态,实时更新取餐信息。 3. 食堂导航:提供食堂平面图及路线指引,帮助用户快速找到目标窗口和座位。 4. 在线评价:用户可对已完成的订单进行评价,分享用餐体验,为其他用户提供参考。 5. ...
订单管理模块:管理员查询订单,可以按照订单编号、购买人、商品名称、收件人、开始日期、结束日期、待发货、已发货查询订单信息,查看订单详细信息,删除订单信息,进行订单受理发货、订单完成都可以改变订单状态;...
用户可以通过微信支付或其他支付方式预约车位,并实时查看订单状态和支付记录。 系统提供订单管理功能,包括订单查询、取消订单、退款等,保障用户权益和服务质量。 权限管理与安全性: 系统采用严格的权限管理机制...