㈠ 为Web前端开发人员提供的9个免费进度条JavaScript插件
为了提升Web前端开发人员的效率与页面交互体验，我们整理了九个免费的进度条JavaScript插件，旨在帮助开发者轻松实现页面加载、Ajax内容加载以及用户输入任务处理等功能。以下介绍的是这些插件的独特优势与特点。
首先，LineProgressbar是一个轻量级的免费插件，适用于现代进度条元素。其设计简洁，可自定义总填充长度、条色和高度/宽度等基本选项，适合任何网站的外观。使用jQuery的开发者可以轻松集成，适用于所有主要浏览器。
MProgress.js是一个围绕谷歌材料设计风格构建的简单进度条插件。它提供了四种不同类型的加载条和四种动画风格，易于适应各类网站需求。插件轻量级且易于安装，支持自定义外观，无需复杂设置。
ProgressBar.js是一个免费的插件，专为动态加载的页面设计，可复制网页顶部进度条的特性。除了顶部栏杆，它还支持自定义形状，如圆圈、三角形和平行四边形。通过JSFiddle托管的示例链接，开发者可以轻松获取模板。
goalProgress是一款简单直观的插件，主要用于跟踪输入字段上的数字，同时也适用于进度条需求。GitHub回购提供了功能介绍和安装指南，适合寻求基本动画效果的开发者。
μProgress专注于自定义动画的过时进度条，其渲染依赖GPU，提高页面渲染速度。插件API丰富，支持添加自定义功能，适合对动画效果有较高要求的网站。
nanobar.js是一个纯粹的JavaScript进度插件，提供一个超小的JS库，围绕进度条动画设计。其压缩后的文件大小仅为700字节以下，适用于对文件大小有严格限制的项目。
progressStep是一个jQuery插件，允许用户通过预定义步骤开发 breadcrumb 进度条。适用于网站注册或电子商务流程，提供简单易用的文档与GitHub回购支持。
CProgress专为圆形加载杆设计，适合在网站上为AJAX动力的widget提供便利。它支持自定义外观和功能，如自定义速度和数字限制，提供安装信息与文档。
jQuery Circle Progress基于jQuery库，提供更丰富的自定义主题和选项，适用于需要圆圈形状进度条的项目。相较于其他插件，它可能占用更多资源。
最后，所有这些插件均在v1.2.2版本中稳定，适合在生产网站上使用。根据具体需求和项目需求选择合适的插件，将有助于提高开发效率与用户体验。
㈡ JS实现点击提交表单后，出现一个进度条
简单的话，用JS模拟一个，用setTimeOut方法
<form name=loading>
<P align=center> </P>
<P align=center> aaaaaaaaaaaaaaaaaaaaaa</P>
<P align=center> </P>
<P align=center><FONT face=Arial color=#0066ff size=2>已经完成：</FONT>
<INPUT style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-style: none" size=46 name=chart>
<BR>
<INPUT
style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center"
size=47 name=percent>
<script>
var bar=0
var line="||"
var amount="||"
count()
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location = "http://www..com";}
}</SCRIPT>
</P>
</form>
复杂的话，你还要考虑处理数据的时间问题