Progress bars are a bit limited when you want to display several steps on it (usually the bar starts at 0 and finishes at 100, so current value is in percents).
The aim of this plugin is to easily build fully customizable progress bar, that can handle more than one single step.
For now, the plugin has only dependencies with jQuery, so you can include it like following with plugin's js & css files.
HTML
<head>
<link href="path/to/plugin/jquery.StepProgressBar.css" rel="stylesheet">
</head>
<body>
<div id="element"></div>
<script src="path/to/jquery/jquery.js"></script>
<script src="path/to/plugin/jquery.StepProgressBar.js"></script>
</body>JAVASCRIPT
$(document).ready(function() {
$('#element').stepProgressBar({
currentValue: 50,
steps: [
{value: 0},
{value: 100}
]
});
});The plugin is under MIT License
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent