內容簡介
這是一個為 Contact Form 7 表單所設計的進度條外掛，可以呈現出乾淨俐落的外觀。支援文字、下拉選單、單選按鈕和勾選框欄位，但目前勾選框欄位無法追蹤，未來的版本可能會加入這個功能。
如何使用？
在表單所在的頁面中任何地方使用短碼
[cf7-progress-bar bar_fields="" form_name=""]
短碼屬性（bar_fields 和 form_name）都是必要的。
下面是短碼屬性的說明：
進度條欄位：
進度條會追蹤表單中發生的事件，其參數僅包含以管道符號（|）分隔的欄位名稱。例如：
bar_fields="your-name|your-email|your-subject|your-message".
表單名稱：
在短碼中必須設定表單名稱，例如：form_name=”form546″。
如何找到表單名稱？
在 Contact Form 7 的短碼中加入 html_name，例如：
錯誤: 找不到符合條件的聯絡表單。
將這個名稱提供給 [cf7-progress-bar] 中的 form_name 屬性，讓進度條知道要追蹤哪個表單。
其他屬性：
color=”#000000″。這是進度條的顏色，也是關鍵之一。
外掛標籤
開發者團隊
② 後台搜尋「Progress Bar for Contact Form 7」→ 直接安裝（推薦）
原文外掛簡介
A clean look progress bar for Contact Form 7 forms. Supports text, select, radio, acceptance fields. Checkboxes are not trackable, maybe available in future releases.
How to use?
Use shortcode
[cf7-progress-bar bar_fields="" form_name=""]
anywhere on page where form exists. Shortcode attributes (bar_fields and form_name) are necessary for progress bar.
Bar Fields:-
Progress in the form is tracked by the events occuring in these fields. It’s parameters include only the name of the fields separated by pipe sign (|). Example,
bar_fields="your-name|your-email|your-subject|your-message".
Form Name:-
Say the name of the form in it. Example, form_name=”form546″.
How to find name of the form?
Add html_name to contact form 7 shortcode. Example,
錯誤: 找不到符合條件的聯絡表單。
Supply this name to form_name in [cf7-progress-bar] so progress bar knows which form to track.
Other attributes:-
color=”#000000″.This is the color of the progress bar. This is also kinda important.
