Per navigare il sito devi avere almeno 18 anni.

Verifica la tua età prima di accedere al sito.

18+. Prodotto per fumatori adulti contenente nicotina, sostanza che crea un'elevata dipendenza. Uso sconsigliato ai non fumatori. Per info chiama il numero verde 800554088 dell’Istituto Superiore di Sanità.

Progress Bar

This page displays the Progress Bar component basic functionality and styling variations.

Description

 

The Progress Bar component can be used to display progress which is predefined by the content editor.


Default

 

In this example the default values for Progress Bar component are used:

 

  • No progress set
  • Styles are default
0

Configured to 30%

 

In this example the Progress Bar component is configured to:

 

  • 30% progress
  • Style is large bottom
30

Configured to 100%

 

In this example the Progress Bar component is configured to:

 

  • 100% progress
  • Style is small bottom
100
Container with full page width and primary light background

Default

 

In this example the default values for Progress Bar component are used:

 

  • No progress set
  • Styles are default
0

Configured to 30%

 

In this example the Progress Bar component is configured to:

 

  • 30% progress
  • Style is large bottom
30

Configured to 100%

 

In this example the Progress Bar component is configured to:

 

  • 100% progress
  • Style is small bottom
100
Container with background full page width and primary dark background

Default

 

In this example the default values for Progress Bar component are used:

 

  • No progress set
  • Styles are default
0

Configured to 30%

 

In this example the Progress Bar component is configured to:

 

  • 30% progress
  • Style is large bottom
30

Configured to 100%

 

In this example the Progress Bar component is configured to:

 

  • 100% progress
  • Style is small bottom
100
Container with default width and secondary light background

Default

 

In this example the default values for Progress Bar component are used:

 

  • No progress set
  • Styles are default
0

Configured to 30%

 

In this example the Progress Bar component is configured to:

 

  • 30% progress
  • Style is large bottom
30

Configured to 100%

 

In this example the Progress Bar component is configured to:

 

  • 100% progress
  • Style is small bottom
100
Container with default width and secondary dark background

Default

 

In this example the default values for Progress Bar component are used:

 

  • No progress set
  • Styles are default
0

Configured to 30%

 

In this example the Progress Bar component is configured to:

 

  • 30% progress
  • Style is large bottom
30

Configured to 100%

 

In this example the Progress Bar component is configured to:

 

  • 100% progress
  • Style is small bottom
100