A module to add progress bar to electronjs window
npm install electronjs-progressbarbody element of the page present.
npm i electronjs-progressbar
container : color (default: body) (This defines the container you want the progressbar)baseBackground : color (default: transparent) (This defines the background color of the parent element of the progressbar)progressBackground : color [optional] (default: blue) (I really consider blue to be a cool and nice color for the progressbar background)type : options[ "D", "I"] [optional] (default = "D") (Sets the type of progressbar to either determinate or intermediate using letters D or I respectivelyspeed : integer [optional] (default = 3) (Sets the progress speed using this attribute)maxProgressWidth : integer [optional] (default = 20) (Sets the max width of the progressbar)barHeight : integer [optional] (default = 3) (Sets the height of the progressbar) customProgressCss : String [optional] (Sets your custom css for progressbar, for example "margin-top: 10px; width: 50%")customCss : String [optional] (Sets your custom css for progressbar's container, for example "margin-top: 10px; width: 50%")progressbar.COMPLETED Equals to "C" and triggers progressbar completionprogressbar.LOADING Equals to "L" and sets progressbar state as loadingprogressbar.progressBarID Gets progressbar's id usually "electronjsprogressbar"javascript
//import the library
const createProgressBar = require('electronjs-progressbar'); //initialize progressbar
const config = {
progressBackground: "blue",
type: "D",
speed: 5
};
var progressbar = createProgressBar({
config
});
/**
* or inline initialize
* var progressbar = createProgressBar({
*
* });
**/
//start progressbar
progressbar.setProgressStatus();
//complete progressbar using
//progressbar.setProgressStatus("C"); or progressbar.setProgressStatus(progressbar.COMPLETED);
//for a live simulation I would call this after 3000 milliseconds to actually show the progressbar loading
setTimeout(function(){
progressbar.setProgressStatus(progress.COMPLETED);
}, 3000);
``