::before and ::after pseudo-element usage?

For challenge 3 it asks "Next, in the second .progbar selector, add the pseudo-element that will insert content before the element. Don't forget to write the content declaration on line 13." So with that you want to add the ::before pseudo-element to .progbar as demonstrated below, and then it is asking you to duplicate the step from the previous challenge question for inserting content using content: "".

.progbar::before {
  content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    left: 49%;
    top: -9px;
    background-color: #7dd898; 
}

For challenge 4 it's wanting you to insert the HREF value after every anchor link, so again we are going to use ::after but this time in content we are going to look for the href attribute specifically, to do that we can use attr(href) as demonstrated below:

a::after {
  content: attr(href); 
}