Displays the progress of an operation when the percentage complete can be determined. Unable to determine how much of the operation is complete? Use a Spinner instead.
<head>
<link rel="stylesheet" href="fabric.min.css">
<link rel="stylesheet" href="fabric.components.min.css">
<script src="jquery-2.2.1.min.js"></script>
<script src="jquery.fabric.min.js"></script>
</head>
<script>
tag to your page, below the references to jQuery and Fabric's JS, to instantiate all ProgressIndicators on the page: <script>
$(document).ready(function() {
if (typeof fabric !== "undefined") {
if ('ProgressIndicator' in fabric) {
var elements = document.querySelectorAll('.ms-ProgressIndicator');
var i = elements.length;
var component;
while(i--) {
component = new fabric['ProgressIndicator'](elements[i]);
}
}
}
});
</script>
This component has no dependency on other components.