A Semi-circular Progress which has a tooltip enabled. The center label has decimals enabled but other than that this is a pretty basic progress bar.
This goes in the documents header:<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.semicircularprogress.js"></script>Put this where you want the chart to show up:
<div style="width: 450px; height: 250px" id="chart-container"></div>This is the code that generates the chart: