Dot dotdot dotdotdot as loading?

Question

I wanna create some loading dots, like this:

At 0000 miliseconds the span content is: .

At 0100 miliseconds the span content is: ..

Answer 1

Example: https://codepen.io/lukaszkups/pen/NQjeVN

You can animate css content too!

// HTML
Loading

// CSS (nested SASS)
p
  span
    &:before
      animation: dots 2s linear infinite
      content: ''

  @keyframes dots
    0%, 20%
      content: '.'
    40%
      content: '..'
    60%
      content: '...'
    90%, 100%
      content: ''