How to Animate a Gradient on a Path to visualize data flow in WPF/WCF app

Question

I have an interesting project where several "nodes" on a cnavas are connected via a Path similiar to a mindmap tree. The path is used to visualize the connection state between two nodes. Red means the nodes are disconnected, green means they're connected. The next step would be to illustrate data flow (from A to B or B to A) using that path and an animation. Basically I would want to start the animation with the data transfer and stop it when the transfer is complete. Does anyone know how this could be done in WPF?

Answer 1

Charles Petzold has a good article on making gradients run along paths. I'm not sure how easy it would be to animate though.

Answer 2

MSDN has an example of animating the stops on a gradient: http://msdn.microsoft.com/en-us/library/ms748815.aspx