Sometimes the easiest way to replicate something is to see a working example. If you have photoshop and illustrator you can easily inspect the components and then you know how it is being made. Check this link for some free Web Ribbons that contain the effect you are looking to learn. You may need to rotate the elements 90 degrees but it is the same effect just working horizontally rather than vertically.