react-progress-indicator
Advanced tools
jspm install npm:react-progress-indicator --save
Include jspm_packages/react-progress-indicator/main.css to your html-file, for instance:
<html>
<head>
<meta charset="UTF-8">
<title>React progress indicator example</title>
<!-- progress indicator -->
<link rel="stylesheet" href="/jspm_packages/react-progress-indicator/main.css" />
</head>
<body></body>
</html>
Include react-progress-indicator and put it somewhere in the top-component, for example:
import React from "react";
import LoadingIndicator from "react-progress-indicator";
var Layout = React.createClass({
render: function() {
return (
<div className="layout">
<LoadingIndicator/>
{/* other components go here*/}
</div>
);
}
});
Now, whenever you need to show an indicator, trigger loader.show, for example:
loadFeed: function() {
$(window).trigger("loader.show");
// do your ajax thing.
},
onLoadFeedCallback: function() {
$(window).trigger("loader.hide");
// render feed.
}
.loader-60devs .loader-60devs-progress {
background: #ff6f00;
}
Created in 2015 by Ruslan Prytula (@milworm).
FAQs
React loading indicator
The npm package react-progress-indicator receives a total of 4 weekly downloads. As such, react-progress-indicator popularity was classified as not popular.
We found that react-progress-indicator demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Node.js patched a crash bug where AsyncLocalStorage could cause stack overflows to bypass error handlers and terminate production servers.
Research
/Security News
A malicious Chrome extension steals newly created MEXC API keys, exfiltrates them to Telegram, and enables full account takeover with trading and withdrawal rights.
Security News
CVE disclosures hit a record 48,185 in 2025, driven largely by vulnerabilities in third-party WordPress plugins.