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

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

一、需求如图所示，重点是要实现进度条。

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

1. 简单的形状假设只有一个进度条，我们只需要知道p元素的宽度，span元素的宽度占比。

一、需求

如下图

重点是要实现进度条。

二、分析

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

1、简单的雏形

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