Notice that there is a total of 100\times100=10 000 little squares in the grid.
Cutting the grid in half The red line cuts the grid in half.
On each row, there is half of a shaded square on the 'wrong' side of the red line.
So it is \frac12 shaded plus \frac{\frac12}{100}=\frac1{200} for the half square per line.
\frac12 + \frac{1}{200} =\frac{101}{200}
Adding another row
Add one more row so that the new shape is half shaded:
Grid on right: 100\times101=10 100 squares, 10 100\div2=5050 are shaded.
Grid on left: also 5050 shaded, out of only 10 000 \therefore fraction shaded is \frac{5050}{10000}=\frac{101}{200}
'Counting' the number of shaded squares by making full rows
Move shaded squares to make full rows (and empty rows):
1 square is moved into the row with 99 shaded, 2 into the row with 98 shaded
... 49 are moved into the row with 51 shaded 50 are left in the row with 50 shaded
Total 50\times100+50=5050 shaded squares (including the row which already had 100 shaded)