Bar Indicator是一款基于jQuery的進度條數據展示插件，它可應用于數據統計展示、投票統計以及任務進度等諸多場景中。它使用簡單、選項豐富，幾乎可以滿足用戶所有基于進度條的WEB設計需求，本文將結合實例給大家講解Bar Indicator的使用。
HTML
首先加載jQuery和Bar Indicator相關js文件以及css文件。
<link href="bi-style.css" rel="stylesheet" /><script src="jquery.min.js"></script><script src="jquery-barIndicator.js"></script><script src="jquery.easing.1.3.js"></script>
由于使用了動畫緩沖效果，記得把easing插件也加上，您可以下載源碼包，這些文件都打包好了。然后在<body>中加上HTML：
看到了吧，代碼中數字55表示的就是這個進度條要展示的進度，默認是100，當然這個數字也可以在插件調用時定義好。
jQuery
準備好html后，然后開始調用Bar Indicator，只要一句代碼：
<script>$('#bar').barIndicator();</script>是不是非常的簡單，當然要滿足您的項目需求的話，還需要進行一些設置，而Bar Indicator為我們提供了豐富的選項設置和事件方法調用，諸如水平/垂直進度條、進度條顏色、數值展示、進度數值獲取與重新設置等。
選項與方法
Bar Indicator非常強大，還有很多選項不本文就不一一列出。以上介紹就是關于基于jQuery Bar Indicator 插件實現進度條展示效果，更多內容請持續關注本站。
新聞熱點
疑難解答
