Jquery color voting progress bar simple example _ jquery

This article recommends a simple example of jquery color voting progress bar. It describes how to create a progress bar in detail. If you are interested, refer to it. I. Requirements
For example

The key is to implement the progress bar.

Ii. Analysis
Added and deleted tags in html5. But there must be compatibility issues. The generated environment is not applicable, so we need to simulate the implementation.

Principle: Dynamic settings

The width of the child element.

1. Simple prototype
Suppose there is only one progress bar, as shown below, we only need to know the width of the p element, the percentage of the span element, and multiply to get the width of the span, when loading the browser, You can dynamically set the span width to achieve the progress bar effect.