列表一共七类,每一种存在11个进度状态,用图展示

这里说明一下,每一个类别将展示不同的进度条数值,0-10,那我们采用何种方法呢,
图片替代法
使用11张图片,用于展示0-10的不同状态,通过蓝图中的逻辑处理方式,将这11张图片准确的应用到类别中。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
调用方式
在这里插入图片描述
效果图切换展示:
在这里插入图片描述
效果图二展示:
在这里插入图片描述
模拟不同数据下,每一个的进度条显示方式

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐