标签:进度条效果实例

vue

数据可视化大屏渐变色进度条数字居右

数据可视化大屏渐变色进度条数字居右
进度条效果: 进度条颜色是渐变色,可以通过传值自定义 进度条带有动画效果 使用gsap实现补间动画 进度条有默认背景色 进度条宽度根据总数和当前数据计算百分比 数字居右展示 演示地址 使用组件 <template> <div class="li...

yekong 2年前 (2023-04-17) 859℃ 0喜欢

vue

vue 占比动画进度条实例效果

vue 占比动画进度条实例效果
vue 数据可视化大屏中,有时会需要显示一个占比进度条,两种类型根据数量显示占比,但是直接把样式写出来,又感觉单调了一点,于是想着能不能增加一个动画效果呢?让这个占比有一个推进的效果。 因为在之前已经写过一个类似的进度条占比效果,所以我们直接拿过来在之前的基础上微调一下就可以...

yekong 2年前 (2023-03-30) 1005℃ 0喜欢