Percent Bar

Choose a mode

Use the percent ±5% buttons, or drag up to add fans, to fill the stand to the right percent, then press Check

3D math game · Best for grades 5-6

Percent Bar

Percent Bar shows a stadium stand divided into 100 equal sections. Students drag or tap to fill exactly the right number of sections, making the abstract idea that percent means parts out of 100 concrete and immediate. Unlike a written fraction, the bar is always the same total length.

What students practice

Percent Bar anchors the core definition: percent is always out of 100. Filling the same fixed bar to different levels builds the spatial sense that 50% is half, 25% is a quarter, and 75% is three-quarters, before any formula is introduced.

  1. Read the target percentage shown above the stand.
  2. Use the +5% and -5% buttons, or drag upward, to fill fans into the stand.
  3. Watch the fill level and the live percentage counter update together.
  4. When the filled portion matches the target, press Check.

How to use it at home or in class

For 30% the student fills 30 of the 100 sections. Comparing the result to a half-full bar makes it obvious that 30% is less than half, without any calculation.

Students sometimes confuse the percent value with the number of fans to add rather than the total fill level. The fixed 100-section bar corrects this: reaching 30% always means exactly 30 sections filled, regardless of how many clicks it took.

Use it for individual practice, paired work, or a short class demonstration before worksheets.

Start with the game above, then continue with written practice to reinforce the skill.

Common questions

How does filling a bar help students understand percent as parts out of 100?
The bar is always 100 sections wide, so filling it to 40% literally places 40 out of 100 sections. The visual length makes the fraction-out-of-100 definition self-evident before any rule is stated.
Which grades is Percent Bar for?
Grades 5-6, where students first define percent as a ratio out of 100 and need a visual model before working with percent calculations.
How is Percent Bar different from Percent of a Number?
Percent Bar is a visual model: students shade a fixed bar to see what a percent looks like. Percent of a Number is a calculation game: students compute a specific quantity such as 30% of 80. One builds the concept; the other applies it.