㈠ 為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>
復雜的話，你還要考慮處理數據的時間問題