Progress Bars for Shield UI

by cristiscu

HTML

<link href="https://www.shieldui.com/shared/components/latest/chart/css/shield-chart.min.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
<script src="https://www.shieldui.com/shared/components/latest/js/shieldui-core.min.js" type="text/javascript"></script>
<script src="https://www.shieldui.com/shared/components/latest/js/shieldui-chart.min.js" type="text/javascript"></script>
<div id="chart_div"></div>

JavaScript

$(function () {
   $("#chart_div").shieldChart({
      isInverted: true,
      dataSeries: [{
          //divideSeries: false,
          data: [{ y: 100 }, { y: 100 }, { y: 100 }]
       }, {
          divideSeries: false,
          barOffset: 0.4,
          data: [{ y: 43 }, { y: 22 }, { y: 67 }]
       }]
   });
});