用户登录

设置一下任务的总数,然后每次调用 progress 的时候,进度条会自动算出对应的百分比 .. 在这个 progress 方法的对象参数里面 .. 用一个 total 属性 .. 它的值就是任务的总数 .. 比如设置成 3 ..

保存 .. 打开浏览器的控制台 .. 用 jQuery 找到页面上的 upload 这个进度条 .. 调用它的 progress 方法 .. 再给它一个 increment 参数 .. 回车执行一下 .. 显示完成了 33% ,也就是任务的三分之一.. 再执行一下这行代码 ... 完成了三分之二 .. 最后再执行一次 .. 会显示完成了全部的任务 ..

这个进度条上的标签我们可以再去自定义一下 .. 可以在上面显示一共有多少个任务,完成了多少个任务 .. 这里添加一个 text 属性 .. 它的值是一个对象 ..

先设置一下激活状态下的进度条上的标签 .. 用一个 active .. 它的值就是标签内容的模板 .. 用一组大括号 .. 加上 total .. 它会输出任务的总数 .. 再加上点文字 .. 然后再用 {value} .. 它表示的值是完成的任务数 ..

逗号分隔一下 .. 再设置一下完成全部任务以后的进度条上的标签 .. 用一个 success .. 成功上传了 .. 这里再用一个 {total} 表示任务的总数 ..

保存 .. 在控制台上,调用一下这个带 increment 参数的 progress 方法 .. 标签上会显示 3 张图片,已上传 1 张 .. 再执行一下 .. 会显示已上传两张 .. 再执行一下 .. 进度条的状态会变成 success .. 标签上会显示 成功上传了 3 张图片!

完成数量与自定义标签《 Semantic UI 模块 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点