# reading-bar  ![GitHub tag (latest by date)](https://img.shields.io/github/v/tag/tigersway/reading-bar?style=flat-square) ![GitHub last commit](https://img.shields.io/github/last-commit/tigersway/reading-bar?style=flat-square) ![GitHub issues](https://img.shields.io/github/issues/tigersway/reading-bar?style=flat-square)

### Usage  [![jsDelivr hits (GitHub)](https://img.shields.io/jsdelivr/gh/hm/tigersway/reading-bar?color=blue&logo=jsdelivr&style=flat-square)](https://www.jsdelivr.com/package/gh/tigersway/reading-bar)

```html
<!doctype html>
<html class="no-js" lang="en">
<head>
...
<body>
  <reading-bar selector="section" height="6px" background="linear-gradient(to right, green, lime)"></reading-bar>
...
  <script src='https://cdn.jsdelivr.net/gh/tigersway/reading-bar@1/dist/reading-bar.esm.min.js' type="module"></script>
</body>
</html>
```

Options:

- selector: (default body) CSS selector for the readable part,
- height: (default 4px) CSS height of the bar,
- background: (default linear-gradient(to right, #4169e1, #c6d2f6)) CSS background as color, gradient, etc

### CHANGELOG

**v1.0.0**

- First public release
