jQuery Progressbarify

jQuery plugin to turn table cells into progress bars.

Example Usage

$(document).ready(function(e){
    $('[data-progressbarify]').progressbarify();
});

Note: Progressbarify requires jQuery.

Arguments

$.fn.progressbarify({
    targetColumn:    0,            // The column which the progress bar is applied to (default 0).
    primaryColour:   '#31b0d5',    // The colour of the left side of the bar (default #31b0d5).
    secondaryColour: 'transparent' // The colour of the right side of the bar (default transparent).
});

Note: The value of targetColumn can be given as the value of the data-progressbarify attribute on the table.

Note: To apply the progress bar to multiple columns you can chain progressbarify calls, like $('#mytable').progressbarify({ targetColumn: 0 }).progressbarify({ targetColumn: 2 }).

Note: The value of targetColumn should start at 0.