osrange
v1.3.0
Published
原生js实现的宽度自适应range插件,也可用作进度条
Downloads
7
Readme
原生js实现的宽度自适应range插件,也可用作进度条
实现原因:
1、视频全屏播放时需要一个宽度自适应的进度条
2、浏览器自带的 input range 自定义样式兼容性差
优点:
1、样式控制灵活
2、使用简单
3、宽度自适应
4、支持多个实例
缺点:
1、需要同时写css
2、样式比较简陋
获取和引用 osrange
简单粗暴方式(必须首先提供的方式)
下载最新版本
&& 使用标签引用
<script src="osrange.js"></script>
npm + CommonJS 方式
npm install osrange
var osrange = require('osrange');
Usage examples
1、基本使用(宽度固定):examples/basic.html
2、宽度自适应(百分比):examples/adaptive.html
3、setValue 和 getValue :examples/value.html
4、用作进度条:examples/progress.html
5、多个实例:examples/instances.html