https://github.com/robiveli/jprogress
Simple slim lightweight(<2KB) JavaScript progress bar, good for visual loading indicator of callbacks, promises and similar stuff.
https://github.com/robiveli/jprogress
dependency-free javascript lightweight progress-bar simple ui vanilla-js
Last synced: 4 months ago
JSON representation
Simple slim lightweight(<2KB) JavaScript progress bar, good for visual loading indicator of callbacks, promises and similar stuff.
- Host: GitHub
- URL: https://github.com/robiveli/jprogress
- Owner: robiveli
- License: mit
- Created: 2017-05-05T18:03:31.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2026-01-21T23:32:38.000Z (5 months ago)
- Last Synced: 2026-01-23T12:41:15.784Z (5 months ago)
- Topics: dependency-free, javascript, lightweight, progress-bar, simple, ui, vanilla-js
- Language: JavaScript
- Homepage: https://robiveli.github.io/jprogress/
- Size: 316 KB
- Stars: 8
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# jProgress #
Simple slim lightweight(<2KB) JavaScript progress bar, good for visual loading indicator of callbacks, promises and similar stuff.
### Install ###
With npm:
```
npm install jprogress
```
### Usage ###
Just include required JavaScript:
```
```
or
```
import jProgress from 'jProgress';
```
### Demo ###
Demo available [here](https://robiveli.github.io/jprogress/).
### Options ###
- **brandColor** *(default:#de6c4f)* - background color of progress bar
- **progressHeight** *(default:3)* - progress bar height
- **zIndex** *(default:9999)* - z-index value of progress bar
- **parent** *(default:body)* - parent container in which jProgress is appended
**Example**
```
jProgress.configure({
progressHeight: '5',
zIndex: '2'
}).start();
window.onload = function() {
jProgress.stop();
};
```
### API ###
`start()` - start progress
`stop()` - stop progress
`configure()` - set options
### License ###
jScrolly is licensed under the [MIT license](http://opensource.org/licenses/MIT).