If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Joomla 3.x. How to manage progress bars

The following tutorial shows how to manage progress bars in Joomla templates.

Joomla.3.x_How_to_manage_progress_bars_1

Progress bars in Joomla templates are created using the Articles Newsflash (Advanced) module.

  1. In order to check what category the module pulls articles from, navigate to the Extensions -> Modules tab. Use search by keywords or by type (Articles Newsflash) to find the needed module:

    Joomla.3.x_How_to_manage_progress_bars_2

  2. Check the category in a Module tab:

    Joomla.3.x_How_to_manage_progress_bars_3

  3. In the Content -> Articles tab filter content by categories to find all the articles assigned to the category used by the module:

    Joomla.3.x_How_to_manage_progress_bars_4

  4. Open the needed article and navigate to the Images and Links tab. Bar value can be edited in a Caption field:

    Joomla.3.x_How_to_manage_progress_bars_5

Now let us create a new progress bar.

  1. First create a new article and assign it to the required category (the one used by the module):

    Joomla.3.x_How_to_manage_progress_bars_6

  2. Set the needed value in the Images and Links tab and save the changes:

    Joomla.3.x_How_to_manage_progress_bars_7

  3. Navigate to the Extensions -> Modules menu, change the number of articles pulled by the module and set the needed number of columns:

    Joomla.3.x_How_to_manage_progress_bars_8

  4. Save the changes and refresh your page to see a new bar added.

    Joomla.3.x_How_to_manage_progress_bars_9

Feel free to check the detailed video tutorial below:

Joomla 3.x. How to manage progress bars