1.3.0 • Published 6 years ago

osrange v1.3.0

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

npm.io

原生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

License

MIT