For the latest on this story, click here
The video in the player above is from a 10 p.m. report, prior to the announcement of the suspect's death.
The officer was shot around 6 p.m. in the 3800-block of West Ferdinand Street in Garfield Park after a traffic stop led to an exchange of gunfire, Chicago police officials said.
The officer was taken to Stroger Hospital with non-life threatening injuries, CFD said. They are expected to make a full recovery.
The suspect was also shot and was initially taken to Mt. Sinai Hospital in critical condition.
The suspect was later pronounced dead, Chicago Police Superintendent Larry Snelling said at a Thursday night press conference after 10:30 p.m.
CPD officer shot, suspect killed after shootout: CPD Supt. Snelling
Snelling also spoke earlier Thursday night at the Chicago Police Board meeting.
"We hope that officer will make a speedy recovery," Snelling said. "They're out there working hard, trying to keep the streets safe, and as a result of that was injured. But the officer, it sounds like, will be okay."
A second officer was taken to Stroger with shortness of breath, according to CFD.
SEE ALSO: Teen charged in West Chatham shooting that killed 3, including another teen, Chicago police say
Video shared on the Citizen app captured multiple back-to-back gunshots, as neighbors listened in horror.
It was not immediately clear what led up to the shooting.
Chopper 7 was over the scene about 7 p.m., and there was a large police presence with dozens of apparent evidence markers in a large crime scene, with CPD officers staged throughout multiple blocks as part of the investigation.
A white SUV could be seen with a large number of apparent bullet holes on its driver's side, as well.
The Chicago Civilian Office of Police Accountability said it responded to the scene, as well.
Anyone with information is asked to call 312-746-3609.
INTERACTIVE SAFETY TRACKER | Track crime and safety in your neighborhood