⌛ Untrusive
This project is built by path_of_dev
Untrusive is a indeterminate loading bar for websites and web applications. It features:
- Zero-dependencies
- Lightweight, only 1.2kb gzipped
- Minimal API
- No CSS import required
- Safe to import server-side
- Includes TypeScript definitions
Installing
Install via CDN
Add the following script tag to your HTML before using this library
Install via NPM
npm install --save untrusive
Usage
Untrusive is a class which you can create multiple instances of.
; // only for NPM installation const loader = bgColor: "#333" // Background color barColor: "#222" // Animated stripe color height: 4 // Optional: Height of bar in pixels ; loaderstart; loader; loader; // Re-initalize instance with new optionsloader;
Untrusive Options
Takes an object with the following properties:
Property | Type | Description |
---|---|---|
bgColor | string | Background color of the loading bar. Can be any valid CSS color |
bgColor | string | Color of the animated stripe on the loading bar. Can be any valid CSS color |
height | number | Height of the loading bar in pixels, defaults to 4 |
Contributing
If you would like to contribute to this project, you need to:
- Fork the GitHub repo
- Make the required changes on your fork
- Submit a pull request in this repo comparing your fork