首页 > TAG信息列表 > js进度条
JS进度条顺滑版实现
进度条不顺滑 相信大多前端同学都自己写过音频、视频播放器，实现并不复杂。最近在小程序里，做了一个类似微博刷视频的需求。其中有一部分功能需要实现自定义进度条，在做完第一版之后发现进度条不顺滑，而后想查查网上看有没有什么好的方案，但最终没找到合适的。于是想看看微信小程序里的在vue项目中使用Nprogress.js进度条
NProgress是一款在网页顶部添加细长进度条的工具，非常轻巧，使用起来也非常便捷，灵感来源于Google, YouTube。1、安装 $ npm install --save nprogress 或者 $ yarn add nprogress //用法 NProgress.start(); NProgress.done(); 2、使用router.js //导入 import NProgress from 'np小程序版---js进度条，完成及未完成状态的变化
wxml: <!--components/processMenu.wxml--> <view class="processMenu"> <view class="process"> <view class="curProcess" style="width:{{processBar}}%"></view> </view>