Creating a Progress Bar

As website developers, we often want to display progress to our users in a visual way. One way to do this is by creating a progress bar.

The :has Pseudo-class

The “:has” pseudo-class is another experimental feature that is currently being proposed for the CSS Selectors Level 4 specification.

Want to create a simple HTML and CSS loading spinner? Why not try this easy HTML/CSS loading pulse instead.

The “:where” pseudo-class is an experimental feature that is currently being proposed for the CSS Selectors Level 4 specification.

The :target pseudo-class is a powerful CSS selector allowing you to style elements on your page based on if they are the target of an identifier.

The :is pseudo-class is a relatively new feature of CSS that allows you to group selectors in your CSS making it easier to maintain.

Learning CSS is a very useful thing, as you learn it you will discover you can use it for much more than you ever thought.