Lesson

Representing percentages visually

Primary EducationGrade 5MathematicsCV-PRI-G05-MATH-FRA-U03-L0545–60 min

You will learn

  • Shade a hundred grid.
  • Draw a bar model.
  • Place on a number line.
  • Compare visual models.

Version 0.2 · expanded edition · expert review pending Standards alignment: pending verification. Written in the style of common primary school assessments. No exam result is promised.

Student lesson

The lesson in 60 seconds

  1. A hundred grid shows percent directly.
  2. A bar model splits a whole into equal parts.
  3. A number line shows where a percent sits.
  4. Scale parts to 100 to name the percent.

Words to know

hundred grid
10 × 10 squares.
bar model
A strip showing parts.
number line
A line with numbers.
shade
Colour in.

1. Discover: picture it

How can you show 30% on a grid, on a bar and on a number line?

2. Understand: visual models

  • Grid: shade 30 of 100 squares.
  • Bar of 10 parts: shade 3 parts (each 10%).
  • Number line 0% to 100%: mark 30% at 3/10 of the way.
30%

Idea 1: Parts of 10

6 of 10 parts is 60 of 100, so 60%. 45 squares of 100 is 45%.

Idea 2: Bars

1 of 4 equal parts is 25 of 100, so 25%. A 10-part bar with 6 shaded shows 60%.

Idea 3: Number line

50% sits at the middle, halfway between 0% and 100%. To draw 20%, shade 20 squares of 100.

Why pictures? They show the percent before any calculation.

Remember: A bar of 10 parts has each part worth 10%.

3. Worked examples

Example 1 (I show you): Name

6 of 10 parts

  1. × 10 to 100.

Answer: 60%

Example 2 (We do it together): Name

1 of 4 equal parts

  1. 25 of 100.

Answer: 25%

Example 3 (You try): Place

50% on a number line

Show the steps and answer
  1. Halfway.

Answer: the middle

Did you know?

A 10 by 10 grid has exactly 100 squares, so each square is 1%.

Why this matters

Visual models make percents easy to see and compare.

4. Explore: draw

You need paper.

  1. Draw a 10-part bar.
  2. Shade 3 parts.
  3. Write 30%.
  4. Mark it on a number line.
Think about it: what did you notice?

30%.

5. Practise

Say it in a sentence

Use these starters when you talk about the lesson. Say them out loud.

  • ___ out of ___ parts is ___ out of 100.
  • So it is ___%.
  • On a number line it is ___.
  • I shade ___ squares.

Guided practice

Question 1. 3 of 10 parts is?

30%.

Question 2. One part of a 10-part bar?

10%.

Question 3. 75 squares of 100?

75%.

Independent practice

Level 1: Start

  1. 6 of 10 parts
  2. 45 squares of 100
  3. 1 part of a 4-part bar
  4. 50% on a number line
  5. Draw 20%

Level 2: Grow

  1. 5 of 10 parts
  2. 2 of 5 equal parts
  3. 9 of 10 parts

Level 3: Stretch

  1. 12 of 50 squares
  2. 3 of 8 equal parts
  3. Ben says a 10-part bar with 7 shaded shows 7%. What is wrong?

Answers are in the answer key below. Try first, then check.

6. Apply: everyday mathematics

A bar of 5 equal parts has 2 shaded. What percent?

Show a sample answer

40%.

Another one. Ana colours 15 squares on a hundred grid. What percent is coloured?

Show a sample answer

15%

7. Common mistakes

Mistake: Counting parts without noting the whole.
Fix: Compare with the total.
Another mistake: Reading parts as percent directly.
Fix: Scale to out of 100.
Another mistake: Putting 50% at the start of the line.
Fix: 50% is in the middle.

8. Lesson summary and revision card

I can…

  • I can shade a hundred grid.
  • I can draw a bar model.
  • I can place a percent on a number line.
  • I can compare visual models.

9. Check and master

Answer all 14 questions. You will see feedback after each one.

1. 3 of 10 parts is…

2. 75 of 100 squares is…

3. 1 of 4 equal parts is…

4. 2 of 5 equal parts is…

5. 50% is at … on a number line

6. 7 of 10 equal parts is…

7. 3 of 4 equal parts is…

8. 1 of 5 equal parts is…

9. 90 of 100 squares is…

10. 4 of 8 equal parts is…

11. 25% on a number line from 0% to 100% is…

12. A 10-part bar with 3 parts unshaded: the shaded part is…

Challenge 1. A 10-part bar with 6 shaded shows…

Challenge 2. 5 of 20 squares is…

Your result appears here after you answer every question.

10. Key takeaways

  • Grid, bar, number line.
  • 10-part bar: 10% each.
  • Compare with total.

11. Next lesson

Next lesson: Simple percentage applications. Keep going with the next idea in this course.

Exam practice

These questions are written in the style of common school and international primary assessments. Try them on your own, without looking back. Then check your answers in the marking guide. The marks are shown in brackets.

  1. A bar has 6 of 10 parts shaded. Write the percent. [2 marks]
  2. A bar has 1 of 4 equal parts shaded. Write the percent. [2 marks]
  3. Where is 50% on a number line from 0% to 100%? [2 marks]
  4. How do you draw 20% on a hundred grid? [3 marks]
  5. Ali says 3 of 10 parts is 3%. Is he right? Explain. [3 marks]

Total: 12 marks.

Marking guide and model answers
  1. × 10 to 60 of 100 [1]; 60% [1]
  2. 25 of 100 [1]; 25% [1]
  3. Halfway between 0% and 100% [1]; the middle [1]
  4. 100-square grid [1]; shade 20 squares [1]; 20 out of 100 = 20% [1]
  5. No [1]. 3 of 10 is 30 of 100 [1]. It is 30% [1].

Score guide: 11 to 12 = secure. 8 to 10 = nearly there, revise the parts you missed. Under 8 = work through the lesson again with a grown-up.

Printable worksheet

  1. 6 of 10 parts
  2. 45 squares of 100
  3. 1 of 4 parts
  4. 2 of 5 parts
  5. 50% on a number line
  6. 3 of 10 parts is…
  7. 75 of 100 squares is…
  8. 1 of 4 equal parts is…
  9. 2 of 5 equal parts is…
  10. A 10-part bar with 6 shaded shows…

Homework

Draw 15% on three kinds of models.

Answer key and marking scheme

Question Expected response Marks
6 of 10 parts 60% 2
45 squares of 100 45% 2
1 of 4 parts 25% 2
2 of 5 parts 40% 2
50% on a number line middle 2
Total 10

Practice answers: Worksheet: 1 60%; 2 45%; 3 25%; 4 40%; 5 middle.

Quiz answers: 1 A, 2 B, 3 C, 4 A, 5 B, 6 A, 7 B, 8 C, 9 A, 10 B, 11 C, 12 A, Challenge 1 C, Challenge 2 C.

Extra worksheet answers (items 6 onward): 6 30%; 7 75%; 8 25%; 9 40%; 10 60%.

Independent practice answers. Level 1: 1 60%; 2 45%; 3 25%; 4 the middle (halfway between 0% and 100%); 5 shade 20 squares of 100. Level 2: 1 50%; 2 40%; 3 90%. Level 3: 1 24%; 2 37.5%; 3 7 of 10 is 70 of 100, so 70%..

Mastery and remediation

Objective Bronze (Developing) Silver (Proficient) Gold (Advanced)
O1 Shade a hundred grid Shows this with help from an adult or a picture Does this independently and explains how they know Explains it clearly and uses it in a new situation
O2 Draw a bar model Shows this with help from an adult or a picture Does this independently and explains how they know Explains it clearly and uses it in a new situation
O3 Place on a number line Shows this with help from an adult or a picture Does this independently and explains how they know Explains it clearly and uses it in a new situation
O4 Compare visual models Shows this with help from an adult or a picture Does this independently and explains how they know Explains it clearly and uses it in a new situation

Proposed Courseversity thresholds for this page: Bronze = at least 8 of 12 core questions correct; Silver = all 12; Gold = all 12 plus both challenge questions. A badge is never a full record of progress.

If a learner struggles

  1. Find the misconception: Counting parts without noting the whole. Compare with the total.
  2. Explain another way: use real objects first, then pictures.
  3. Show a simpler example: Shade fractions on grids.
  4. Guided practice: work through one example together and let the learner try the next one.
  5. Reassess: use the quiz again or the worksheet.
  6. Move on when the learner shows Silver-level evidence independently.

For parents and guardians

In this lesson your child sees percents on grids, bars and number lines. You do not need to be good at mathematics to help.

  • Colour a hundred grid together.
  • Ask: how many out of 100?
  • Use pizza or chocolate bars.
  • Ask “how do you know?” after each answer, and listen.
  • Praise effort, not only right answers. Mistakes are how we learn.
  • Ten to fifteen minutes a day is better than one long session.

Teacher package

1–5. Objectives, prerequisites, materials, preparation, duration

Lesson objectives. Learners will: shade a hundred grid; draw a bar model; place on a number line; compare visual models.

Prerequisite knowledge. Lessons 1 to 4.

Materials. Counters (stones, seeds or bottle tops), paper, pencils, board or chalkboard. Low-resource options: use stones, seeds, sticks, bottle tops or drawings in the sand or on the board instead of printed materials.

Preparation. Gather the counters and draw the example pictures on the board before the lesson.

Suggested duration. 45–60 minutes. It can be split into two shorter sessions.

6–9. Teaching procedure, explanation notes, guided and independent activities

Introduction (5 min). Start with the Discover situation and let learners suggest ideas before you teach.

Explanation (10 min). Teach the Understand section with real objects first, then pictures, then symbols and words.

Guided activity (10 min). You need paper. Learners follow the Explore steps in pairs.

Independent activity (10 min). Learners complete the independent practice and the worksheet.

Assessment and reflection (5 min). Ask each learner to say one thing they learned and how they know it.

Key questions. How many out of 100? Where does it sit?

Teacher explanation notes. Use the concrete, pictorial, abstract order: real objects first, then pictures, then symbols and words. Return to real objects whenever a learner needs support.

10–12. Differentiation, formative assessment, common misconceptions

Support. Use real objects and work with a partner; say each step aloud together. Extension. Ask learners to make up their own example and explain it to a partner.

Formative assessment. Listen to learner explanations, ask “how do you know?”, and check the independent work.

Misconceptions. Counting parts without noting the whole. Compare with the total.

13–15. Assessment questions, answer keys, marking scheme

Use the quiz and worksheet on this page. The 12-mark exam practice scheme, the 10-mark scheme and all answers are in the answer sections above. Re-check every answer and the marking scheme before publication.

16–19. Remediation, enrichment, homework, teacher reflection

Remediation. Shade fractions on grids. Enrichment. Invite learners to find or create three more examples at home or in the classroom and explain them. Homework. See above.

Teacher reflection. After teaching, record: which concepts learners understood; which misconceptions occurred; which activities worked; which learners need more practice; and what to improve next time.

Sources and standards

Alignment is pending verification and no external endorsement is claimed. Reference starting points named in the Courseversity standard: Common Core State Standards for Mathematics, Cambridge Primary and the IB Primary Years Programme. Specific standard codes will be added once checked against the official documents.

Research used to shape this lesson. Common Core 6.RP.A.3c; Cambridge Primary Mathematics Stage 6 (representing percents). These sources informed the lesson; no official alignment is claimed.

Scroll to Top