15个冷装进度指示器脚本

在启动时显示加载指示器是本机应用程序中的一种常见模式,这种模式在Web上变得越来越普遍。如果在首次加载Web应用程序时需要加载大量资源,则应向用户明确指示正在发生这种情况。

进度表

进度表是一个JavaScript和CSS3库,可帮助开发人员为页面上的任何对象创建和管理进度栏。您可以设计自己的进度条模板,也可以简单地对其进行自定义。

progressjs-1

步伐

步伐将自动监视您的Ajax请求,事件循环滞后,文档就绪状态以及页面上的元素,以决定进度。在ajax导航上,它将再次开始!

pace-2

循环进度按钮

Colin Garven撰写了有关如何实现循环进度按钮概念的教程。

圆形进度栏按钮3

拉达

一个UI概念,将加载指示器合并到调用它们的操作中。主要用于与表单结合使用的表单,该表单可以在提交时立即向用户提供反馈,而不会让他们在浏览器执行操作时感到疑惑。

button-progress-bar-4

载入中…

这主要是作为一个玩笑和一个学习动画SVG的机会。随意使用源代码作为示例或您自己的任何项目。

加载5

SVG加载图像

动画SVG,用作加载动画。

svg-loading-images-6

进步

Ajax的超薄进度条’您的应用程序。受到Google,YouTube和Medium的启发。

nprogress-7

这样的微调器,很多负载

Spinner-9

边境装载指标

边界加载指示器8

的CSS加载动画

的CSS-loading-animation-10

简单进度条

simple-progress-bar-11

使用HTML5进度栏和CSS3动画的技能集

html5-progress-element-12

SVG阅读进度指示器

svg-progress-13

小故障加载指示器

小故障14

《战地风云3》加载指示器

战地3-15

2 Comments

  1. 花式文字说:

    太好了
    我们正在搜索网站的超酷进度栏。我们的搜索到此结束。
    这是加载进度指示器中最酷的集合。
    感谢您分享这个很棒的收藏。

  2. 寻找一些进度条不错的帖子
    感谢分享

  3. 最佳邮递员!
    我对最佳进度指示器脚本的研究到此结束。

  4. Insta字体说:

    所有这些登陆页面都很棒

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.