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