https://progressiveplants.com/blog.html

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    

4<script>
5      (function() {
6        var stored = localStorage.getItem('pp-theme');
7        var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
8        if (stored === 'dark' || (stored === null && prefersDark)) {
9          document.documentElement.classList.add('dark-mode');
10        }
11      })();
12    </script>

12
13    <meta charset="UTF-8" />
14    <meta name="viewport" content="width=device-width, initial-scale=1" />
15    <meta name="Description" content="Plant care resources, guides and tips from Progressive Plants. Learn from your local perennial, shrub and tree source experts serving Utah, Idaho, Wyoming and Colorado." />
16    <title>Plant Care Resources | Progressive Plants | Perennial, Shrub & Tree Source</title>
17    <!-- canonical tag -->
18    <link rel="canonical" href="https://progressiveplants.com/blog.html" />
19    <!-- Open Graph / Social Media tags -->
20    <meta property="og:title" content="Plant Care Resources | Progressive Plants" />
21    <meta property="og:description" content="Expert plant care guides and tips from your local perennial, shrub and tree source nursery" />
22    <meta property="og:image" content="https://progressiveplants.com/images/logo.png" />
23    <meta property="og:url" content="https://progressiveplants.com/blog.html" />
24    <meta property="og:type" content="website" />
25    <meta name="twitter:card" content="summary_large_image" />
26    <meta name="twitter:title" content="Plant Care Resources | Progressive Plants" />
27    <meta name="twitter:description" content="Expert perennial, shrub and tree care guides" />
28    <meta name="twitter:image" content="https://progressiveplants.com/images/logo.png" />
29    <!-- icons -->
30    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
31    <link
32      rel="icon"
33      type="image/png"
34      href="/images/favicon-32x32.png"
35      sizes="32x32"
36    />
37    <link
38      rel="icon"
39      type="image/png"
40      href="/images/favicon-16x16.png"
41      sizes="16x16"
42    />
43    <link rel="manifest" href="/site.webmanifest" />
44    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff" />
45    <meta name="theme-color" content="#ffffff" />
46    <!-- css -->
47    <link rel="stylesheet" type="text/css" href="/style/common.css" />
48    <link rel="stylesheet" type="text/css" href="/style/index-beta.css" />
49    <link rel="stylesheet" type="text/css" href="/style/other.css" />
50    <link rel="stylesheet" type="text/css" href="/style/cookieconsent.css" />
51    <link rel="preconnect" href="https://fonts.googleapis.com" />
52    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
53    <link
54      href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;400;600&display=swap"
55      rel="stylesheet"
56    />
57    <link
58      rel="stylesheet"
59      type="text/css"
60      href="/lib/ng-dialog/css/ngDialog.min.css"
61    />
62    <link
63      rel="stylesheet"
64      type="text/css"
65      href="/lib/ng-dialog/css/ngDialog-theme-default.min.css"
66    />
67    <link rel="stylesheet" type="text/css" href="/style/chat-widget.css?v=2026-08-17-stock-likely" />
68    <!-- js -->
69    

69<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>

69
70    

70<script src="/lib/ng-dialog/js/ngDialog.min.js"></script>

70
71    

71<script type="/text/javascript">
72      function nav() { document.getElementById("nav").classList.toggle("responsive"); }
73    </script>

73
74    <!-- Google tag (gtag.js) -->

74
75    <script
76      async
77      src="https://www.googletagmanager.com/gtag/js?id=

77G-MHKT5RRJ7E

77"
78    ></script>
79    

79<script>
80      

80window.dataLayer = window.dataLayer || [];
81      function gtag() {
82        dataLayer.push(arguments);
83      }
84      gtag("js", new Date());
85
86      gtag("config", "

86G-MHKT5RRJ7E

86");
87    

87</script>

87
88  </head>
89
90  <body ng-app="myApp">
91    <noscript>
92      <p>
93        For full functionality of this page it is necessary to enable
94        JavaScript. Here are the
95        <a href="http://www.enable-javascript.com" target="_blank">
96          instructions how to enable JavaScript in your web browser</a
97        >
98      </p>
99    </noscript>
100
101    <!-- Announcement Bar -->
102    <div class="announcement-bar" ng-cloak ng-controller="announcementCtrl">
103      <div class="announcement-content">
104        <span class="announcement-text" ng-bind-html="announcements[currentIndex] | unsafe"></span>
105      </div>
106      <div class="announcement-dots">
107        <span class="announcement-dot"
108          ng-repeat="announcement in announcements track by $index"
109          ng-class="{'active': $index === currentIndex}"
110          ng-click="goToAnnouncement($index)"></span>
111      </div>
112    </div>
113
114    <!-- Main Header -->
115    <header class="main-header" ng-controller="navCtrl">
116      <div class="header-container">
117        <a href="/" class="header-logo-link">
118          <img src="/GPT_Subs/fb logo.png" alt="Progressive Plants" class="header-logo">
119        </a>
120        <nav class="main-nav" aria-label="Main navigation">
121          <a href="/categories.html" class="nav-link">Catalog</a>
122          <a href="/availability.html" class="nav-link">Quick Order</a>
123          <a href="https://app.acuityscheduling.com/schedule.php?owner=19002994&appointmentType=category:Golf%20Cart%20Reservation" class="nav-link">Reserve Golf Cart</a>
124          <a href="/profile.html" class="nav-link">Tools</a>
125          <a href="/resources/contact-page.html" class="nav-link">Design</a>
126          <a href="/contact.html" class="nav-link">Contact</a>
127          <a href="/blog.html" class="nav-link active">Blog</a>
128        </nav>
129        <div class="header-actions" ng-controller="profileCtrl">
130          <form class="header-search" action="/categories.html" method="get">
131            <input type="text" name="search" placeholder="Search plants..." aria-label="Search plants">
132            <button type="submit">Go</button>
133          </form>
134          <a href="/profile.html#!/cart" class="icon-btn" title="Shopping Cart">
135            <img src="/icons/cart.png" alt="Cart">
136            <span class="cart-badge" ng-show="logon.cartsize > 0">{{logon.cartsize}}</span>
137          </a>
138          <a href="/profile.html#!/" class="icon-btn" title="Profile">
139            <img src="/icons/profile.png" alt="Profile">
140          </a>
141          <!-- Sign In / Sign Out -->
142          <a ng-attr-href="{{loginlink}}" class="header-auth-link" ng-cloak>{{logontext}}</a>
143          <button class="menu-toggle" ng-click="toggleMenu()" aria-label="Toggle menu" aria-expanded="{{isMenuOpen}}">
144            <span></span>
145            <span></span>
146            <span></span>
147          </button>
148        </div>
149      </div>
150      <div class="mobile-nav-overlay" ng-class="{'active': isMenuOpen}" ng-click="closeMenu()"></div>
151      <nav class="mobile-nav" ng-class="{'active': isMenuOpen}" aria-label="Mobile navigation">
152        <div class="mobile-nav-header">
153          <img src="/GPT_Subs/fb logo.png" alt="Progressive Plants" style="height: 40px;">
154          <button class="mobile-nav-close" ng-click="closeMenu()" aria-label="Close menu">&times;</button>
155        </div>
156        <div class="mobile-nav-links">
157          <a href="/categories.html" ng-click="closeMenu()">Catalog</a>
158          <a href="/availability.html" ng-click="closeMenu()">Quick Order</a>
159          <a href="/plant-matcher.html" ng-click="closeMenu()">Plant Matcher</a>
160          <a href="/waitlist/waitlist2025.html" ng-click="closeMenu()">Future Production</a>
161          <a href="https://app.acuityscheduling.com/schedule.php?owner=19002994&appointmentType=category:Golf%20Cart%20Reservation" ng-click="closeMenu()">Reserve Golf Cart</a>
162          <a href="/profile.html" ng-click="closeMenu()">Tools</a>
163          <a href="/resources/contact-page.html" ng-click="closeMenu()">Design</a>
164          <a href="/contact.html" ng-click="closeMenu()">Contact</a>
165          <a href="/blog.html" ng-click="closeMenu()">Blog</a>
166          <a href="/profile.html#!/cart" ng-click="closeMenu()">Cart</a>
167          <a href="/profile.html#!/" ng-click="closeMenu()">Profile</a>
168          <a ng-attr-href="{{$root.authLoginlink}}" ng-click="closeMenu()" ng-cloak>{{$root.authLogontext}}</a>
169        </div>
170      </nav>
171    </header>
172
173    <!-- Main Content -->
174    <main id="main-content">
175      <div id="dib-posts"></div>
176    </main>
177    <!-- Footer -->
178    <footer class="main-footer">
179      <div class="footer-container">
180        <div class="footer-grid">
181          <div class="footer-brand">
182            <img src="/GPT_Subs/fb logo.png" alt="Progressive Plants" style="height: 50px;">
183            <p>Utah's premier nursery for locally grown plants. Serving retail and wholesale customers since 1985.</p>
184            <div class="footer-social">
185              <a href="https://www.facebook.com/progressiveplants" aria-label="Facebook" target="_blank" rel="noopener">
186                <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
187                  <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/>
188                </svg>
189              </a>
190              <a href="https://www.instagram.com/progressiveplants" aria-label="Instagram" target="_blank" rel="noopener">
191                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
192                  <rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
193                  <path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"/>
194                  <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/>
195                </svg>
196              </a>
197            </div>
198          </div>
199          <div class="footer-column">
200            <h4>Shop</h4>
201            <ul>
202              <li><a href="/categories.html">Catalog</a></li>
203              <li><a href="/availability.html">Quick Order</a></li>
204              <li><a href="/categories.html?category=perennials">Perennials</a></li>
205              <li><a href="/categories.html?category=shrubs">Shrubs</a></li>
206              <li><a href="/categories.html?category=trees">Trees</a></li>
207            </ul>
208          </div>
209          <div class="footer-column">
210            <h4>Tools</h4>
211            <ul>
212              <li><a href="/plant-matcher.html">Plant Matcher</a></li>
213              <li><a href="/waitlist/waitlist2025.html">Future Production</a></li>
214              <li><a href="/neighborbrite.html">Neighborbrite</a></li>
215              <li><a href="/profile.html">My Account</a></li>
216            </ul>
217          </div>
218          <div class="footer-column">
219            <h4>Company</h4>
220            <ul>
221              <li><a href="/contact.html">Contact Us</a></li>
222              <li><a href="/blog.html">Blog</a></li>
223              <li><a href="/newsletter.html">Newsletter</a></li>
224              <li><a href="/resources.html">Resources</a></li>
225            </ul>
226          </div>
227        </div>
228        <div class="footer-bottom">

229          <span>&copy; 2025 Progressive Plants. All rights reserved.</span>
230          <span><a href="/cookies.html">Privacy Policy</a> | <a href="/terms.html">Terms of Service</a></span>
231        </div>
232      </div>
233    </footer>
234    

234<script>
235      angular.module("myApp", ["ngDialog"]);
236    </script>

236
237    

237<script type="text/javascript" src="scripts/profile.js"></script>

237
238    

238<script type="text/javascript" src="scripts/index-beta.js"></script>

238
239    

239<script type="text/javascript" src="scripts/cookieconsent.js"></script>

239
240    

240<script>
241      window.cookieconsent.initialise({
242        palette: {
243          popup: { background: "var(--white)", text: "var(--black)" },
244          button: { background: "var(--primary-dark)", text: "var(--white)" },
245        },
246        theme: "edgeless",
247        content: { href: "/cookies.html" },
248      });
249    </script>

249
250    

250<script
251      defer
252      src="https://connect.podium.com/widget.js#ORG_TOKEN=670ce74d-e7cf-426d-a6ad-67319a741b5a"
253      id="podium-widget"
254      data-organization-api-token="670ce74d-e7cf-426d-a6ad-67319a741b5a"
255    ></script>

255
256    <!--blog script-->
257    

257<script src="https://io.dropinblog.com/embedjs/5dd75c38-bc1d-4bb9-bedb-c77fa6f4af88.js"></script>

257
258
259    <!-- Chat Widget -->
260    

260<script src="scripts/chat-widget.js?v=2026-08-17-stock-likely"></script>

260
261    

261<script async src="/scripts/activity-tracker-20260329b.js"></script>

261
262  </body>
263</html>