跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
progress

5 篇文章
{
,

}
文章《HTML 视频和进度的一些无伤大雅的乐趣》的直接链接
progress requestAnimationFrame video

HTML 视频和进度的一些无伤大雅的乐趣

这个想法是在观看一个关于工作场所欺凌的强制性培训视频时产生的。我仿佛能听到高中时期的杰夫嘲笑我这个胆小鬼不得不观看这个东西。

但我们现在在这里。

视频 UI 是……

Avatar of Geoff Graham
Geoff Graham 于 2021年8月20日
文章《动画进度》的直接链接
css animation progress

动画进度

Jonathan Snook 讨论了动画化<progress>元素的复杂性。如果您不熟悉,这是一个元素,它会输出类似条形图的可视化效果,以指示两个值之间的位置

此示例具有自定义样式,但您明白了……
Avatar of Robin Rendle
Robin Rendle 于 2018年4月30日
文章《动画 SVG 径向进度条》的直接链接
loader progress SVG

动画 SVG 径向进度条

Dave Rupert 向我们展示了如何使用一小段脚本以及stroke-dasharray和stroke-dashoffset属性来动画化 SVG 中的径向进度条

在一个客户项目中,我们自己承担了构建其中一个很酷的径向进度条的任务。

…
Avatar of Robin Rendle
Robin Rendle 于 2018年4月3日
文章《快速构建进度环》的直接链接
graph loader progress

快速构建进度环

在某些特别繁重的网站上,用户需要暂时看到一个视觉提示,以表明资源和资产仍在加载,然后才能看到已完成的网站。解决此问题的方法有很多种……

Avatar of Jeremias Menichelli
Jeremias Menichelli 于 2019年11月16日
文章《HTML5 progress 元素》的直接链接
HTML 5 progress

HTML5 progress 元素

以下是 Pankaj Parashar 的客座文章。Pankaj 告诉我他创建了一些非常酷的样式化进度元素。我问他是否有兴趣将这个想法扩展成一篇关于为它们设置样式的文章……

Avatar of Pankaj Parashar
Pankaj Parashar 于 2016年11月24日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费信用额度!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.