如何用jQuery编写彩色动态投票进度条代码？

本文共计1316个文字，预计阅读时间需要6分钟。

一、需求+如下+重点是要实现进度条。

二、分析+原理：动态设置p元素的宽度的值。

一、简单的形状+假设只有一条进度条，我们只需要知道p元素的宽度，span元素的宽度百分比。

一、需求

如下图

重点是要实现进度条。

二、分析

原理：动态设置<p>的子元素<span>的宽度值。

1、简单的雏形

假设只有一个进度条，如下，我们只需要知道p元素的宽度，span元素的百分比，相乘即得到span的宽度，浏览器加载时动态设置span的宽度即可实现进度条的效果。