网页顶部加载进度条插件qProgress.js

网页顶部加载进度条插件qProgress.js源码下载

看看谁在用

查看文件结构

文件大小:0.02M

资源分类: 插件-加载和上传

更新时间: 2021-04-28

qProgress.js是一个简单的网页顶部加载进度条JavaScript插件,可以创建漂亮的,彩色的可视化加载进度条状态。

初始化加载进度条
// ES 
const qprogress = new QProgress()

// UMD
window.qprogress = new qProgress();
开始加载
qprogress.start();
结束进度
qprogress.finish()
设置百分比进度
// 50%
qprogress.set(0.5)

// 100%
qprogress.set(1.0)
设置增加百分比
qprogress.inc(0.2)
自定义参数
     // minimum percentage
      minimum: 0.12,

      // height in px
      height: 2,

      // background color
      color: '#1890ff',

      // is colorful?
      colorful: true,

      // easing function
      easing: 'ease',

      // animation speed
      speed: 400,

      // automatic increment
      trickle: true,
      trickleSpeed: 400,

      // parent container
      parentNode: 'body',

      // default selectors
      barSelector: '[role="bar"]',
      pegSelector: '[role="peg"]',

网页顶部加载进度条插件qProgress.js

正在加载文件目录...

也许你还喜欢

  1. css3液体特效百分比加载
  2. jQuery环形加载进度百分比插件
  3. 文字环形旋转加载特效
  4. 形状变化loader加载js特效代码
  5. sticky.js固定位置插件
  6. 漂亮的音乐App UI设计代码
时尚的Lightbox图片放大js插件
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2