https://github.com/tomashubelbauer/html-live-text

A demo of an idea for a UI textual element indicating it is reloading using a masking animation.
https://github.com/tomashubelbauer/html-live-text

html loader loading-animation loading-indicator ui ux ux-experiment

Last synced: 8 months ago
JSON representation

A demo of an idea for a UI textual element indicating it is reloading using a masking animation.

• Host: GitHub
• URL: https://github.com/tomashubelbauer/html-live-text
• Owner: TomasHubelbauer
• License: mit
• Created: 2019-09-18T17:45:22.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2022-04-28T08:47:43.000Z (almost 4 years ago)
• Last Synced: 2025-06-01T16:41:40.916Z (10 months ago)
• Topics: html, loader, loading-animation, loading-indicator, ui, ux, ux-experiment
• Language: HTML
• Homepage: https://tomashubelbauer.github.io/html-live-text
• Size: 9.31 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# HTML Live Text

[**LIVE**](https://tomashubelbauer.github.io/html-live-text)

A prototype of a design element of a connected text element which indicates it

is reloading by having a stripe shift across it similarly to indeterminate

progress indicator.

![](screencast.png)

## To-Do

### Fix the broken animation on the time element

It is not smooth like the one above it which probably has to do with class

assignment.