glyphcss
[ GitHub ↗ ]

ASCII loaders

Looping ASCII loaders and progress bars built from stock glyphcss effects on a flat plane, each shown at nine box sizes with copyable code.

Pulse

indeterminate
single1×1
+
strip6×1
 +@@+ 
inline6×2
 +@@+ 
 +@@  
badge12×3
  =#%@@%#   
@*  %% %   @
  =#%@@%# . 
bar24×3
    =+#%%@@@@@@%%#+ :   
@%     =#@%* %@#     *%@
  . = #%%@@@@@@%%#+ :   
wide bar48×3
    . : = +*##%%%%@@@@@@@@@@@@%%%%##*+= - .     
@@%% +       - *#%@@@% + # @@@%# =       - *%%@@
      : = +*##%%%%@@@@@@@@@@@@%%%%##* = - .     
square10×10
  *%@@% . 
 #@# + @# 
*@+     @ 
 #   *   %
@+ *@@* +@
@+ *@@   @
%#  * : #%
 @     +@*
.#@#++#@# 
   %@@%*  
card16×8
  : #%@@@@%#+   
 *@@#+   - #@@  
#@#   : -   -#@#
@%   *@@@@    %@
@%- .*@@@@*   %@
#@           #@#
- @@# - : +#@@* 
   + %@@@@%#    
column6×14
 +@@+ 
 % #% 
-%: % 
 +   *
% - :%
@  # @
@ @@ @
@ @@ @
@ ## @
%    %
*   + 
 %    
 %##% 
 +@@  
panel32×12
    : = ##%%@@@@@@@@%%##* - .   
   +#%@@@@%##* * * ##%@@@@%# =  
= %@@@%#+ -       . : =+#%@@@%* 
 %@@ *                     #@@%#
%@%#+     - *#%%%%#*=     - #%@%
@@ *     - #@@%%%%@@#+       %@@
@@%*-     +#@@%%%%@@# -   . *%@@
 @%#       = #%% % *       + %@%
#%@@#*= .   . : : .     : *#@@%#
 * @@@ # =           - + %@@@% =
  =+#%@@@@%##**** *##%@@@@%#+ : 
       * #%%@@@@@@@@ %## =      
banner64×6
        : - =+**###%%%%%@@@@@@@@@@@@@@@@%%%%%###**+ = - .       
 * #%@@@@@%%## + =                           - = * #%%@@@@@%## +
@@@@%#*+= :       : = **#%%@@@@@@@@@@%%#* + - .       - +*#%@@@@
@@@@ # +             + * %%@@@@@@@@@@%%# * =           = * %@@@@
+*##%@@@@@%%##* = - :   .               . . : = +*##%%@@@@@%##* 
         - = + * # %%%%%@@@@@@@@@@@@@@@@%%%%%# # * = -          
Subcell
Color encoding

Indeterminate

Determinate