10款可爱的CSS3动感进度条插件

所属分类:UI,其他-加载,动画效果

 25834  298  查看评论 (0)
分享到微信朋友圈
X
10款可爱的CSS3动感进度条插件 ie兼容8

注:可兼容低版本ie浏览器,ie10以下无动画效果。

使用方法

1、引入jQuery.js和主要的index.js

<link rel="stylesheet" href="css/style.css">
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script  src="js/index.js"></script>

2、创建Div调用类名实现进度条,如:

<div class="progress aqua" data-width="0%">
  <div class="progress-text">0%</div>
  <div class="progress-bar">
    <div class="progress-text">0%</div>
  </div>
</div>
相关插件-加载,动画效果

11种Loading 动态效果+随机样式

css实现动态loading 效果
  加载
 73170  508

jQuery顶部加载动画插件loadBar.js

loadBar是一个轻量级的(最小2KB)jQuery插件,当加载内容时,页面顶部显示一个漂亮的动画条。
  加载
 32040  364

HTML5实现的网页进度条

HTML5实现的网页进度条
  加载
 43810  381

jQuery横向及纵向进度条插件

jQuery横向及纵向进度条插件,可控制速度,可设为递增递减进度,可繁可简,颜色尺寸随心所欲!简单使用,使用方法一应俱全。
  加载
 36964  326

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复