jquery——彩色投票進度條

一、需求 如下圖 重點是要實現進度條。 二、分析 html5新增及刪除標籤一文中提到過html5新增了progress標籤。但是肯定有兼容性問題。生成環境不適用，所以要模擬實現。 原理：動態設置<p>的子元素<span>的寬度值。 1、簡單的雛形 假設只有一個進度條，如下，我們只需要知道p元素的寬度，span元素的百分比，相乘即得到span的寬度，瀏覽器加載時動態設置span的寬度即可實現進度條的

>>阅读原文<<