Image overlay pattern comes in very handy when a website has a full screen image or a video as a background. Applying a pattern can make things more readable and easier on eyes. Let's Photoshop.
If you want your progress bar to look a bit different you can create it in a shape of a circle with counter in the middle. We will create in a so called flat design trend using Adobe Photoshop.