Horizontal Progress bar
The Horizontal Bar chart can be customised to appear as a Horizontal Progress bar. This means that all of the properties of the Horizontal Bar chart, such as tooltips, can be used as well. There's a demo in the download archive.
Example
<script> new RGraph.SVG.HBar({ id: 'chart-container', data: [10], options: { colors: ['#eee'], marginLeft: 15, marginRight: 15, backgroundGrid: false, colorsStroke: '#ccc', marginInner: 10, xaxis: false, xaxisScale: false, yaxis: false, linewidth: .5 } }).draw(); new RGraph.SVG.HBar({ id: 'chart-container', data: [7], options: { xaxisScaleMax: 10, shadow: true, shadowOffsetx: 1, shadowOffsety: 1, shadowBlur: 1, title: 'Results of the weekends competition', titleColor: '#666', titleBold: true, colors: ['Gradient(#fcc:red)'], colorsSequential: true, backgroundGrid: false, tooltips: ['Monday was an average day'], tooltipsCss: { backgroundColor: '#333', fontWeight: 'bold', fontSize: '14pt', opacity: 0.85 }, marginLeft: 15, marginRight: 15, marginInner: 15, xaxis: false, xaxisScaleUnitsPost: '%', yaxis: false } }).grow(); </script>
See also