Percentage Input Fields for Surveys and Ratings

How Percentage Fields Work in Auto Form Builder

Auto Form Builder does not use a separate “Percentage” field type. Instead, you add a standard Number field from the Basic category in the form builder and set How to Display to Percentage (%).

When percentage format is enabled, the frontend renders the input with a styled % suffix box after the number — so respondents always know they are entering a percentage, not a raw number or currency amount.

Submitted values are stored as numeric data (for example, 85, not 85%), which keeps exports, notifications, and submission records clean and easy to analyze.

Step-by-Step: Add a Percentage Field to Your Form

1. Go to Auto Form Builder → Forms and open an existing form or create a new one.
2. From the field sidebar under Basic, drag a Number field onto your form.
3. Click the field to open its settings panel.
4. Set the Label to your survey question — for example, “How satisfied are you with our service?”
5. Under Number Field Options, configure the range and display:

Recommended Settings for Survey Percentages

• Lowest Allowed Value: 0
• Highest Allowed Value: 100
• Step Size: 1 for whole percentages, or 0.5 / 0.1 for finer ratings
• How to Display: Percentage (%)
• Required: enable if the question must be answered

Save your form and embed it on a page or post. Respondents will see a number input with a % symbol and validation that prevents values outside your defined range.

Percentage Slider for Ratings and Surveys

For satisfaction surveys and rating questions, typing a number feels less intuitive than sliding to a value. Auto Form Builder lets you turn any Number field — including percentage fields — into a slider.

Enable the Slider

1. Open your Number field settings.
2. Check Show as Slider.
3. Set Lowest Allowed Value and Highest Allowed Value (for example, 0 and 100).
4. Optionally set a Slider Color to match your brand.
5. Check Show Number Next to Slider to display the current value as the user moves the handle — formatted with the % symbol when percentage display is selected.

When the slider is enabled without min/max values set, the field defaults to a 0–100 range — a natural fit for percentage-based survey questions.

As users drag the slider, the displayed value updates in real time (for example, 72.0%). This works on desktop and mobile and gives survey respondents immediate visual feedback.

Percentage Display Options Explained

The Number field’s How to Display setting controls how values appear to users on the frontend:

• Plain Number — standard numeric input with no symbol
• Money (with currency symbol) — prefix symbol such as $ or €
• Percentage (%) — % suffix after the input
• Decimal (fixed places) — fixed decimal precision without a symbol

For surveys and ratings, choose Percentage (%). The % symbol appears in a styled box attached to the input, making the expected format obvious at a glance.

When using the slider with percentage format, the live value display shows one decimal place followed by the % sign (for example, 85.0%).

Validation Keeps Survey Data Accurate

Percentage fields include built-in validation on both the frontend and server, so bad data never reaches your submissions inbox.

Minimum and Maximum Values

Set Lowest Allowed Value and Highest Allowed Value to enforce your survey scale. A satisfaction question might use 0–100; a likelihood question might use 0–100 with step 5.

If a respondent enters a value below the minimum or above the maximum, they see a clear error message and cannot submit until the value is corrected.

Step Size

The Step Size setting controls how much the value changes when using arrow keys or the slider. Examples:

• Step 1 — whole percentages only (0, 1, 2 … 100)
• Step 5 — increments of 5 (0, 5, 10 … 100)
• Step 0.1 — one decimal place (87.3%)

Step validation runs on the server as well, so manipulated form data cannot bypass your rules.

Required Fields

Mark the field as Required when the survey question must be answered before submission. Empty required percentage fields block form submission with a validation message.

Practical Survey and Rating Use Cases

Customer Satisfaction (0–100%)

Ask “How satisfied are you with our product?” with a Number field set to 0–100, percentage display, and slider enabled. Respondents slide to their satisfaction level and see the percentage update live.

Service Quality Rating

Use min 0, max 100, step 5, and percentage format for a quick 20-point satisfaction scale. Faster than typing and more granular than a 1–5 dropdown.

Likelihood or Confidence Questions

Questions like “How likely are you to recommend us?” or “What percentage of your budget goes to marketing?” work well with percentage fields. Set appropriate min/max values for each question’s context.

Progress or Completion Estimates

Internal surveys asking “What percentage of the project is complete?” benefit from percentage format with 0–100 validation and step 1.

Multi-Question Survey Forms

Combine percentage Number fields with Text, Email, Textarea, Dropdown, Radio, and Checkbox fields to build complete survey forms. Use the built-in Feedback Form template as a starting point — it includes a 1–5 rating dropdown — and swap or add percentage fields where you want a 0–100 scale instead.

Percentage Field vs. Other Rating Options

Auto Form Builder offers several ways to collect ratings in surveys. Choose based on the experience you want:

Percentage fields with sliders are the best choice when you want a continuous 0–100 scale with visual interaction. Dropdowns and radio buttons work better when you need fixed, labeled options like “Excellent” through “Poor.”

Viewing Percentage Submissions

When respondents submit the form, percentage values are saved as numbers in your Submissions inbox under Auto Form Builder → Submissions. You can search, filter, export, and review entries like any other field type.

Email notifications include the submitted numeric value with the field label, so you see results immediately without logging into WordPress.

Export submissions to CSV for analysis in spreadsheet tools — numeric percentage values export cleanly for averaging, charting, and reporting.

Tips for Better Survey Percentage Fields

• Add help text below the field to clarify the scale — for example, “0 = Not at all satisfied, 100 = Extremely satisfied.”
• Set a starting value with Starting Value if you want a default (such as 50) pre-filled when the form loads.
• Use placeholder text like “Enter a value from 0 to 100” for typed input (non-slider) fields.
• Match slider color to your form style so rating questions feel integrated with your brand.
• Keep scales consistent across survey questions — if one field uses 0–100, use the same range on related questions for easier comparison.
• Enable spam protection (Cloudflare Turnstile or reCAPTCHA) on public survey forms to reduce bot submissions.

Get Started with Free Percentage Fields

Percentage display, min/max validation, step controls, and slider support are all included in the free Auto Form Builder plugin — no add-on required.

Install from WordPress.org:

https://wordpress.org/plugins/auto-form-builder/

Last updated: Last update 20 August

Frequently Asked Questions