osrange

1.3.0 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i osrange

Weekly Downloads

0

Version

1.3.0

License

MIT

Last publish

Collaborators

  • oscxc