Introducing Pure CSS Loader

Pure CSS Loader - use as a Progress Indicator to display an animation during the completion of a task for Excel

Pick your Loader, either Pulse or Squares. Set your Colour and then output the Indicator whilst running your task. You can stretch the Pulse Loader and Scale the Squares Loader. Pure CSS Loader has been designed to work on both dark and light Excel backgrounds. It is based upon a Pure CSS Loader CodePen by haitham and has been ported and modified for the IE WebBrowser Control and then customised especially for Excel using VBA by Mark Kubiszyn


  • Excel 2013 (Version 5) & Excel 2016 (32bit or 64bit, Version 8)
  • Basic to moderate Excel Skills and some VBA skills to copy the Class Module and add a Code example
  • Windows PC · NOT a Mac!
  • No support is provided for customization of this Software


  • Stretch the Pulse Loader and Scale the Squares Loader
  • Run your tasks in Excel whilst the Pure CSS Loader is displayed. Code uses minimal HTML/CSS


Right-click, extract all to your PC. Read the License.txt and Readme.txt Files. PureCSSLoader.xlsm is ready to use (version specific naming of the file will differ with each new release). Open the PureCSSLoader.xlsm File and test out the Demo. To use Pure CSS Loader in your own Project, just open PureCSSLoader.xlsm and your Project and then go into the VBE Editor. Drag the ICSSLoader Class into your Workbook and then just add the example remembering to declare the Private Running local variable at the top of your own Code Module. That's it...



The Demo Sheets
There are two Sheets, a dark Sheet and a light Sheet. Each Sheet has different Demos, depending on how the Loader best looks. On the dark Sheet you have two Demos which are for the Pulse Animation as this looks good on a dark background (and equally as well as a light background), however the Squares Animation doesn't. Click to test out the CSS Loader. THe Stretch Animation simply stretches the bars. On the light Sheet there are four Demos, two Pulse Demos and two Squares Demos. Test out all of the Demos. The Squares Demo also details how you can Scale the Squares Animation to make it appear bigger

Code for the Pure CSS Loader
Using the Pure CSS Loader is easy. The Class members .Indicator() and .Kill() are all that you need. The first Class member, .Indicator() runs the animation and takes four Parameters. Loader is a TLoader Enum, either Pulse or Squares. LoaderColour is a single HTML Colour Code as a String ie. "#879" and applies to both animations. LoaderStretch is a double and applies to the Pulse animation to stretch the bars vertically. LoaderSize is a double and applies to the Squares animation to scale the squares. The second Class member, .Kill() stops the animation and terminates the Class. Here is the full Code for the Purple, Pulse Stretch Demo:
Public Sub Pulse_Loader_Purple_Stretch()
   If Running Then Exit Sub
   Running = True
   Dim Progress As ICSSLoader
   Set Progress = New ICSSLoader
   ' start the Loader
   With Progress
      .Indicator Loader:=Pulse, LoaderColour:="#879", LoaderStretch:=2#
   End With
   ' simple pause to emulate 'some task'
   Dim MyTimer As Double
   MyTimer = Timer
   Loop While Timer - MyTimer < 6
   ' end the Indicator
   With Progress
   End With
   Set Progress = Nothing
   Running = False

End Sub   
The Result
Using the above Code you can see the Results below for the Purple, Pulse Stretch Demo:

Pure CSS Loader

Pure CSS Loader default Pulse Animation

Pure CSS Loader using a Stretched Purple Pulse Animation

Pure CSS Loader using the default Squares Animation

Pure CSS Loader using a Scaled Squares Animation


There are no Q & A for the Pure CSS Loader

Pure CSS Loader

This is a video of the Pulse and Squares Demos


Please remember you have purchased very affordable Software and you have not paid for a full-time Software design agency - I am but one man. Occasionally I may help with small tweaks, but these requests will be put on a much lower priority due to their nature. You have not PAID for Support, Support is 100% optional and I provide it for your convenience, so please be patient, polite and respectful

Support (limited) for my Software includes

  • Responding to questions or problems regarding the Software and its features
  • Fixing valid (replicated) bugs and reported issues for the VERSION I HAVE WRITTEN

Software support does not include

  • Customization and installation services
  • Support for third party software or ANY kind of development whatsoever

Before seeking support

  • Make sure your question is a valid Software Issue and not a customization request
  • Make sure you have read through the FAQ's, online documentation and any related video guides before asking support on how to accomplish a task
  • Ensure that you access to the VBOM is allowed and that Macros can run in Excel
  • Make sure to provide 'proof of purchase' and state the name / version of the Software that you are having issues with when requesting support by Email or via Facebook

How to get Support

Contact Mark Kubiszyn on the Email address provided when you purchased the Software, including the Order Number
...or Contact Mark Kubiszyn via our Facebook Page - remember to be patient, if there has been an issue with your download, Mark will always respond within 48 hours and will Email you the File directly if neccessary or via Messenger. For other issues the response time may be considerably longer and I may choose to respond to specific questions only (as is my right), depending on what has been asked

Future Builds

* No ideas as yet!

Bug Fixes

* There are currently no bugs identified


You can find the version history in the Code Module for any Macro-enabled Software or read more information on the status of each release
- the latest Version including a description of any changes made is always shown first

01.12.2020 - (Version 1) Released

General release of the first version of Pure CSS Loader