作者：蜗牛老师
转发链接：https://zhuanlan.zhihu.com/p/149033579

前言

前段时间尤大大在B站直播，介绍了一款新的前端开发工具，利用了浏览器自带的import机制，无论多大的项目，都是秒开，听起来很诱人，火速看了源码，并且最近做了《前端会客厅》后，经过尤大亲自讲解了设计思路，又有了新感悟，写个文章总结一下

前言

平时开发的过程中，常常会使用到一些第三方库来提高开发效率，我总结了自己工作这么久以来经常用到的 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，它的使用简单便捷，代码如下所示：