CodePen

HTML

            
              <!-- source: http://zanstra.com/base/picks/progress -->
<body>
  <div>
  </div>
</body>
    
            
          
!

CSS

            
              div {
  height: 60px;
  width: 60px;
  line-height: 60px;
  border: 1px dotted gray;
  
  text-align: center;
  font-family: monospace;
  
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -31px;
  margin-left: -31px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(document).ready(function(){
  
  var seq = [ 'bq', 'dp', 'qb', 'pd' ];
  var now = 0;
  
  window.setInterval(function(){ $('div').html(seq[now++ % seq.length]);   }, 100);
  
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................