create the progress bar as a directive