Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Justice Avery
Justice Avery
8,122 Points

In the same rule, add the property that lets us insert content into an element. The value should be an empty set of quot

progbar::after { display: block; width: 50%; height: 100%; border-radius: inherit; background-color: #5ece7f; }

.progbar {

display: block;
width: 24px;
height: 24px;
border-radius: 50%;
position: absolute;
left: 49%;
top: -9px;
background-color: #7dd898;

}

.progbar { height: 6px; border-radius: 3px; background: #d6d7d9; position: relative; margin-bottom: 3.875em; }

Tom Holland
Tom Holland
24,288 Points
Tom Holland
Tom Holland
24,288 Points

I think you are looking for something like: .progbar::before { content: ''; }

The content property can only be used within the ::before and ::after pseudo-selectors. Not within a Class selector like .progbar

Your first rule progbar::after is invalid because it is missing the . before it which differentiates the selector between an HTML Element and a CSS Class(or ID in the case of #).

3 Answers

Jacob Mishkin
Jacob Mishkin
23,118 Points
Jacob Mishkin
Jacob Mishkin
23,118 Points

Tom is correct, in that you want to use the content property, while using the pseudo element before or after. the content property should equal an empty string, or just an open and closed quotes. if you want to learn more and this property take a look at the link below

CSS Content property

Alexandrino Nunes
PLUS
Alexandrino Nunes
Courses Plus Student 10,985 Points
Alexandrino Nunes
Alexandrino Nunes
Courses Plus Student 10,985 Points

Thanks Jacob. I'm really tired. Didn't see your link in your comment! I'm gonna have a look now. Thanks for the quick help!

Jacob Mishkin
Jacob Mishkin
23,118 Points

No problem.

Alexandrino Nunes
PLUS
Alexandrino Nunes
Courses Plus Student 10,985 Points
Alexandrino Nunes
Alexandrino Nunes
Courses Plus Student 10,985 Points

Hi. I'm kind of stuck here. My brain must be really tired by now because I don't really get it...

Can someone print a screenshot?

Thanks

Jacob Mishkin
Jacob Mishkin
23,118 Points

Take a look at my link on the content property, it will show you want this is used for.