https://github.com/ivannikovaleksej10/probaws.js
Probaws — JavaScript plugin which allows you to add a dynamic progress bar to the page, which changes when the page is scrolled.
https://github.com/ivannikovaleksej10/probaws.js
chrome css css-animations firefox javascript javascript-library javascript-plugin js microsoft-edge opera progress progress-bar safari stylesheet yandex
Last synced: 4 days ago
JSON representation
Probaws — JavaScript plugin which allows you to add a dynamic progress bar to the page, which changes when the page is scrolled.
- Host: GitHub
- URL: https://github.com/ivannikovaleksej10/probaws.js
- Owner: ivannikovaleksej10
- License: agpl-3.0
- Created: 2022-01-08T16:28:39.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-11-09T19:54:50.000Z (over 2 years ago)
- Last Synced: 2025-02-26T06:36:20.327Z (over 1 year ago)
- Topics: chrome, css, css-animations, firefox, javascript, javascript-library, javascript-plugin, js, microsoft-edge, opera, progress, progress-bar, safari, stylesheet, yandex
- Language: JavaScript
- Homepage: https://ivannikovaleksej10.github.io/proBaws.js/
- Size: 49.8 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
proBaws.js it’s
===============
Probaws — JavaScript plugin which allows you to add a dynamic progress bar to the page, which changes when the page is scrolled.
* Lightweight javascript — 328b minified and 411b not minified version
* Lightweight css — 82b minified and 118b not minified version
* Easy to use
* Easily connects to any project
Browser Support
Probaws.js supports all modedrn browsers 99,3% of global usage.
List of supported browsers: IE8+, Microsoft Edge, Mozilla Firefox, Google Chrome, Safari, Opera, Yandex Browser, Mobile browsers
Install
=======
Copy-paste probaws.min.js and probaws.min.css to your project.
* Load CSS in document head before or after your main styles
* Load JS in document before of your scripts
enter right after the opening body tag:
```html
```
on those pages where you want to see the progress bar
Color change
============
Write in your main stylesheet:
```css
.progress {
background-color: color in rgb or hex format;
}
```
[Website proBaws.js](https://moblamobla.github.io/proBaws.js/)
© ivannikovaleksej10 2022