# easy-elements/1.4.5/includes/Extensions/ProgressBar/assets/css/progress-bar.css

Easy Elements for Elementor – Addons & Website Templates, version 1.4.5. 35 lines.

- Page: https://pluginprobe.com/plugins/easy-elements/1.4.5/code/includes/Extensions/ProgressBar/assets/css/progress-bar.css
- Raw: https://pluginprobe.com/plugins/easy-elements/1.4.5/raw/includes/Extensions/ProgressBar/assets/css/progress-bar.css
- Modified: 2026-05-17T12:27:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-elements/1.4.5/code/includes/Extensions/ProgressBar/assets/css/progress-bar.css#L10-L20`.

```css
.easyel-reading-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: transparent;
    z-index: 9999999;
    transition: opacity 0.2s ease;
}

.easyel-reading-progress-bar::-webkit-progress-bar {
    background-color: transparent;
}

.easyel-reading-progress-bar::-webkit-progress-value {
    background-color: var(--easyel-progress-color);
}

.easyel-reading-progress-bar::-moz-progress-bar {
    background-color: var(--easyel-progress-color);
}

.easyel-progress-wrapper {
    position: fixed;
    left: 0;
    width: 100%;
    height: 4px;
    z-index: 9999999;
}

```