Skip to content

ErezNagar/Skinny-Progress-Bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Skinny Progress Bar

A basic YouTube-like web progress bar implementation using CSS and jQuery.

How To Use

Browser

<script src="path/to/skinnyProgressBar.js"></script>

Node

import SkinnyProgressBar from "./path/to/skinnyProgressBar";

And then simply initialize it and set the progress value:

var progressBar = new SkinnyProgressBar();

// Load something awesome
progressBar.load(10);
// ...
progressBar.load(40);
// Finish loading
progressBar.load(100);

Options

var progressBar = new SkinnyProgressBar({
    el: ".someElement"
    color: "#ff6f00"
});

el: A DOM element into which the SkinnyProgressBar would be rendered.

color: The color of the progressBar.

Demo

See it in action here

MIT licensed

About

Skinny Progress Bar - A YouTube-like progress bar

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published