Scrivito Progressbar

A progressbar React component/Scrivito widget for the Scrivito CMS.

Screenshot

Installation

Open your terminal.

$ cd to your Scrivito project

$ npm install scrivito-progressbar

Import the widget in your javascript (e.g. in index.js or Widgets/index.js).

Add this line to your index.js:

import "scrivito-progressbar";

Also add the styling of the react-sweet-progress component to your app. (e.g. in index.scss):

@import "~react-sweet-progress/lib/style.css";

Features

A progress bar as a bar or as a circle.

Widget properties

In the widget properties you can set:

• Percent
• Type
• Style (Success, Active, Error)