ToProgress, 轻量级顶层进度栏

分享于 

2分钟阅读

GitHub

  繁體 雙語
A lightweight top progress bar
  • 源代码名称:ToProgress
  • 源代码网址:http://www.github.com/djyde/ToProgress
  • ToProgress源代码文档
  • ToProgress源代码下载
  • Git URL:
    git://www.github.com/djyde/ToProgress.git
    Git Clone代码到本地:
    git clone http://www.github.com/djyde/ToProgress
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/djyde/ToProgress
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    ToProgress

    NPM versionnpmnpm

    轻量的( 2.2 KB ),没有依赖项顶部进度栏库。

    演示

    http://djyde.github.io/ToProgress

    屏幕截图桌面

    desktop

    移动

    mobile

    快速启动
    var options = {
     color:'#EEE',
     duration:0.2,
     height:'2px'}var topbar =newToProgress(options);
    支持
    • IE> = 10
    • Chrome
    • Firefox
    • Safari
    用例

    如果你在生产中使用 ToProgress.js,只需告诉我们。

    API

    new ToProgress(options [,selector] )

    • 选项

      • id 自动创建进度条元素的id
      • 颜色 - 进度条颜色
      • 高度 - 进度栏高度
      • 持续时间 - 增加持续时间( 秒)
      • 位置 progress进度栏位置。 top 或者 bottom
    • 如果定义了选择器有效css选择器,则进度条将放置在元素的顶端。 只找到第一个元素。

    . increase(progress [,callback] )

    • 进度 - 百分比数

    . decrease(progress [,callback] )

    • 进度 - 百分比数

    . setProgress(progress [,callback] )

    • 进度 - 百分比数

    . reset( [,callback] )

    . finish( [,callback] )

    . getProgress( )

    返回当前进度( 百分比)

    . show( )

    . hide( )

    许可证

    MIT许可证


    相关文章