Let-it-Flow

Let it Flow! is a plugin that display a progress bar to see where you are in a defined timeline. You want to know "where" you are in a project, a training, a trip, ... Just set a start date and an end.

How to use

Download the plugin, unzip it, copy files and include letItFlow script and stylesheet in your document. Don't forget to also load the jQuery library. Example:

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add LetItFlow -->
<script type="text/javascript" src="js/letItFlow.js"></script>
<link rel="stylesheet" href="css/letItFlow.css">

<script type="text/javascript">
  $(document).ready(function() {
    $('#example').letitflow();
  });
</script>

More information

Example and parameters details are on http://www.sylverweb.be/letitflow/