How to use Position Absolute

Want to create something similar to:

image

or a progress bar:

image

Then watch this video:

4 Likes

Very cool, @ben! Is it responsive as well? How would it work for mobile devices?

Hi Brad,

Yes, position-absolute, if used properly, is responsive and can be used for mobile devices.

As an example, a font awesome icon within a button, can be positioned anywhere in relation to a relative positioned button. In the video, I have used Bootstrap classes. A more precise positioning can be achieved using CSS directly instead of Bootstrap classes.

2 Likes