·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

微软官网的一个进度条效果 挺优雅的

186 4

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
效果
https://tapewithadblock.org/v/ko2r2z76a2hDYL/%E5%B1%8F%E5%B9%95%E5%BD%95%E5%88%B6_2024-08-18_161932.mp4

显示的位置
microsoft官网,登录,Microsoft 帐户,设备,删除设备就会弹出。
正在删除的框的上面有一个彩色的块
挺优雅的效果

微软官网的一个进度条效果  挺优雅的 官网,width,px,rgb,登录


研究了一下
微软官网的一个进度条效果  挺优雅的 官网,width,px,rgb,登录

容器包裹动画效果
.itemProgress-483 {
    position: relative;
    overflow: hidden;
    height: 2px;
    padding: 0px;
}

动画背景,灰色
.progressTrack-484 {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: rgb(222, 222, 222);
}

动画核心滚动的块
.progressBar-485 {
    height: 2px;
    position: absolute;
    transition: width 0.3s;
    width: 0px;
    min-width: 33%;
    background: linear-gradient(to right, rgb(222, 222, 222) 0%, rgb(0, 111, 201) 50%, rgb(222, 222, 222) 100%);
    animation: 3s ease 0s infinite normal none running css-479;
}
我要说一句 收起回复
创宇盾启航版免费网站防御网站加速服务

评论4

拾光Lv.8 发表于 2024-8-18 17:43:18 | 查看全部
是转圈圈的动画吗
我要说一句 收起回复
拾光Lv.8 发表于 2024-8-18 17:43:29 | 查看全部
这个也不是进度条吧,loading
我要说一句 收起回复
TyCodingLv.8 发表于 2024-8-18 17:43:39 | 查看全部
正在删除的框的上面有一个彩色的块
微软官网的一个进度条效果  挺优雅的 官网,width,px,rgb,登录
我要说一句 收起回复
TyCodingLv.8 发表于 2024-8-18 17:44:25 | 查看全部
差不多意思,就是这个东西
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.135.186.233,GMT+8, 2024-12-23 08:41 , Processed in 0.312754 second(s), 98 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表