前言

平时开发的过程中，常常会使用到一些第三方库来提高开发效率，我总结了自己工作这么久以来经常用到的 13 个库，希望对大家有帮助～

antd

全称应该是Ant Design，这是一个 React 的组件库，旨在提供一套常用的组件库解决方案，用 React 的同学可能对他不会陌生，就像用 Vue 的同学不会对 Element UI 陌生一样。

进度条控件QProgressBar用于向用户提供操作进度的指示，用户可以从进度条看出程序是否正在运行。在PyQt5工具包中，QProgressBar提供了一个水平或垂直进度条。可以为进度条设置取值范围，最小值默认为0，最大值默认为99。它的常用方法如下：

作者：前端进阶者来源：前端进阶学习交流

一、前言

我们经常在网页上 ，游戏界面加载时会看到加载进度条的效果，我们往往会以为这些加载进度条的效果，很难实现。

在B端应用中，进度条是一种常见的用户界面组件，用于显示任务、操作或过程的进度。它可以提供实时的反馈，让用户清楚地了解当前任务的完成情况，从而提高用户体验和效率。

一、进度条的作用

1. 提供视觉反馈：进度条通过变化的长度或填充来展示任务的进展，使用户能够直观地了解任务的完成情况。

今天给大家分享一款超酷的仿yutube顶部加载进度条NProgress.js。

nprogress.js 一款

作为一个前端工程师，在建设自己的网站的时候，肯定有一个冲动，就是把各个模块按照自己的意愿进行的DIY设计。比如，在浏览器滚动的时候，为页面设计一个漂亮的滚动进度条。根据滚动的距离，来动态地展示已经滚动的进度。

0. 引言

记得刚入行的时候，做了一个文件上传的功能，因为上传时间较久，为了用户友好性，想要添加一个实时进度条，显示进度。奈何当时技术有限，查了许久也没用找到解决方案，最后不了了之。

近来偶然想到这个问题，于是决定整理一下实现方式，也为和我曾经一样碰壁的同学，提供一些思路。

在友好的产品设计当中，如果遇到用户操作需要等待较长时间的任务场景，比如上传或下载，经常会用进度条，用于显示当前任务的状态。wxPython中，进度条组件为wx.Gauge，它的使用简单便捷，代码如下所示：

写在前面

今年国庆假期终于可以憋在家里了不用出门了，不用出去看后脑了，真的是一种享受。这么好的光阴怎么浪费，睡觉、吃饭、打豆豆这怎么可能（耍多了也烦），完全不符合我们程序员的作风，赶紧起来把文章写完。

这篇文章比较基础，在国庆期间的业余时间写的，这几天又完善了下，力求把更多的前端所涉及到的关于文件上传的各种场景和应用都涵盖了,若有疏漏和问题还请留言斧正和补充。