SVG lightweight progress bar plug-in

16 Dec 2016

Introduce Pace.js into the page, and the page will automatically monitor your requests (including Ajax requests). When the event loop lags, the loading status and progress will be recorded on the page. This plug-in has good compatibility and is compatible with all mainstream plug-ins above IE8. What’s more, its power is that you can also introduce the theme style of the loading progress bar. You can choose any color and multiple animation effects (such as simplicity, flash , MAC OSX, left padding, top padding, counter and bounce, etc. animation effects), if you are good at modifying CSS animations, then you can make unlimited possibilities of animations to add personalized features to your website!

16 May 2016

ProgressBar.js is a beautiful, responsive progress bar effect using dynamic SVG paths. Progress bars of any shape can be easily created using ProgressBar.js. This JavaScript library provides several built-in shapes such as lines, circles, and squares, but you can create your own progress bar effects using Illustrator or any other vector graphics editor.

16 May 2016

Today I encountered a small problem with the progress bar. I struggled with it for a while. Finally, I thanked my colleagues for sharing the article and finally got the ending. Haha, I still need to save my little experience.

16 May 2016

This article mainly introduces the relevant information of real-time display of progress bar for uploading images based on the Jquery plug-in Uploadify. Interested friends can refer to it.

26 Apr 2018

This time I will bring you the Uploadify plug-in’s batch upload function with a progress bar. What are the precautions for the Uploadify plug-in’s batch upload function with a progress bar? Here is a practical case, let’s take a look.

03 Dec 2016

JS plug-in plupload.js implements multi-image upload and displays progress bar

15 Jun 2023

In web development, the progress bar component is a common UI component used to display the progress of a task or page loading. In Vue.js, based on its powerful componentization feature, we can easily encapsulate custom progress bar components and encapsulate them as plug-ins for reuse in various Vue.js applications. This article will demonstrate how to use the Vue.js plug-in to encapsulate the progress bar component through a complete Vue.js progress bar component example. VUE3 basic tutorial: Use Vue.js plug-in to encapsulate progress

26 Apr 2018

This time I will bring you the jQuery.Uploadify plug-in to implement the function of batch uploading images with a progress bar. What are the precautions for the jQuery.Uploadify plug-in to implement the batch upload of images with a progress bar. The following is a practical case, let's take a look.

05 Nov 2021

This article will give you a detailed introduction on how to use svg to develop a circular progress bar vue2 component. I hope it will be helpful to you!